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: #000000; cursor: pointer; text-decoration: none; display: inline-block; } 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: #373737; 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); } } /***************** DROPDOWN *****************************/ .dropDown { min-width: 30px; position:relative; margin-right:10px; display: inline-block; } .dropDown:not(.open) .caption:hover { cursor:pointer; } .dropDown .itemList { height: 0; width:100%; overflow: hidden; position:absolute; z-index: 900; background-color: #ffffff; } .dropDown .itemList a { display: block; } .dropDown .itemList .item { cursor: pointer; } .dropDown { min-width: 9rem; margin-right:0; } .dropDown .icon { float: right; } .dropDown .caption { padding: 0.5rem 1rem; cursor: pointer; } .dropDown .caption::after { content:"\F501"; font-family:SSGizmo !important; position:absolute; top:0; right:0; padding: 0.5rem 0.75rem 0.5rem 0; } .dropDown .item { display: block; font-size:1rem; padding: 0.5rem 0.75rem; border-bottom-width: 0.0625rem; border-bottom-color: #ffffff; background-color: #cad7de; } .dropDown .item.selected { background-color: #b5153f; } .dropDown.sortBox.open .caption { background-color:#b5153f; } .dropDown.sortBox.open .caption .captionTitle, .dropDown.sortBox.open .caption .icon::before { color:#ffffff; } .dropDown.sortBox .caption { font-size:0.625rem; text-transform:uppercase; letter-spacing:0.08em; text-align:right; } .dropDown.sortBox .icon { font-size:1rem; height: 1rem; line-height: 1rem; } .dropDown.sortBox .captionTitle { margin-right: 0.5rem; } .dropDown.sortBox .itemList { box-shadow:0 0.375rem 0.75rem 0 rgba(0, 0, 0, 0.3); } .dropDown.sortBox .item { background-color: #ffffff; color:#000000; border:none; font-size:0.625rem; text-transform:uppercase; letter-spacing:0.08em; text-align:right; } .dropDown.sortBox .item.selected { color:#ffffff; background-color: #b5153f; } @font-face { font-family: Lato-Regular; src: url("/Ressource/Css/Font/Lato/Fonts/LatoRegular/Lato-Regular.eot"); src: url("/Ressource/Css/Font/Lato/Fonts/LatoRegular/Lato-Regular.eot") format("eot"), url("/Ressource/Css/Font/Lato/Fonts/LatoRegular/Lato-Regular.woff2") format("woff2"), url("/Ressource/Css/Font/Lato/Fonts/LatoRegular/Lato-Regular.woff") format("woff"), url("/Ressource/Css/Font/Lato/Fonts/LatoRegular/Lato-Regular.ttf") format("truetype"); } @font-face { font-family: Lato-Italic; src: url("/Ressource/Css/Font/Lato/Fonts/LatoItalic/Lato-Italic.eot"); src: url("/Ressource/Css/Font/Lato/Fonts/LatoItalic/Lato-Italic.eot") format("eot"), url("/Ressource/Css/Font/Lato/Fonts/LatoItalic/Lato-Italic.woff2") format("woff2"), url("/Ressource/Css/Font/Lato/Fonts/LatoItalic/Lato-Italic.woff") format("woff"), url("/Ressource/Css/Font/Lato/Fonts/LatoItalic/Lato-Italic.ttf") format("truetype"); } @font-face { font-family: Lato-Bold; src: url("/Ressource/Css/Font/Lato/Fonts/LatoBold/Lato-Bold.eot"); src: url("/Ressource/Css/Font/Lato/Fonts/LatoBold/Lato-Bold.eot") format("eot"), url("/Ressource/Css/Font/Lato/Fonts/LatoBold/Lato-Bold.woff2") format("woff2"), url("/Ressource/Css/Font/Lato/Fonts/LatoBold/Lato-Bold.woff") format("woff"), url("/Ressource/Css/Font/Lato/Fonts/LatoBold/Lato-Bold.ttf") format("truetype"); } @font-face { font-family: Lato-Black; src: url("/Ressource/Css/Font/Lato/Fonts/LatoBlack/Lato-Black.eot"); src: url("/Ressource/Css/Font/Lato/Fonts/LatoBlack/Lato-Black.eot") format("eot"), url("/Ressource/Css/Font/Lato/Fonts/LatoBlack/Lato-Black.woff2") format("woff2"), url("/Ressource/Css/Font/Lato/Fonts/LatoBlack/Lato-Black.woff") format("woff"), url("/Ressource/Css/Font/Lato/Fonts/LatoBlack/Lato-Black.ttf") format("truetype"); } @font-face { font-family: Lato-BlackItalic; src: url("/Ressource/Css/Font/Lato/Fonts/LatoBlackItalic/Lato-BlackItalic.eot"); src: url("/Ressource/Css/Font/Lato/Fonts/LatoBlackItalic/Lato-BlackItalic.eot") format("eot"), url("/Ressource/Css/Font/Lato/Fonts/LatoBlackItalic/Lato-BlackItalic.woff2") format("woff2"), url("/Ressource/Css/Font/Lato/Fonts/LatoBlackItalic/Lato-BlackItalic.woff") format("woff"), url("/Ressource/Css/Font/Lato/Fonts/LatoBlackItalic/Lato-BlackItalic.ttf") format("truetype"); } @font-face { font-family: OpenSans-Semibold; src: url('/Ressource/Css/Font/OpenSans/OpenSans-Semibold.eot') format("eot"), url('/Ressource/Css/Font/OpenSans/OpenSans-Semibold.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/OpenSans/OpenSans-Semibold.ttf') format("truetype"), url('/Ressource/Css/Font/OpenSans/OpenSans-Semibold.woff') format("woff"), url('/Ressource/Css/Font/OpenSans/OpenSans-Semibold.svg#OpenSans') format("svg"); } @font-face { font-family: OpenSans-Bold; src: url('/Ressource/Css/Font/OpenSans/OpenSans-Bold.eot') format("eot"), url('/Ressource/Css/Font/OpenSans/OpenSans-Bold.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/OpenSans/OpenSans-Bold.ttf') format("truetype"), url('/Ressource/Css/Font/OpenSans/OpenSans-Bold.woff') format("woff"), url('/Ressource/Css/Font/OpenSans/OpenSans-Bold.svg#OpenSans') format("svg"); font-weight: normal; font-style: normal; } html { font-size:16px; } body { -webkit-text-size-adjust:100%; /*{ avoids ios font scaling* *}*/ } .Page *, .Page *::after, .Page *::before { -o-transition: background-color .3s, color .3s, border-color .3s; -ms-transition: background-color .3s, color .3s, border-color .3s; -moz-transition: background-color .3s, color .3s, border-color .3s; -webkit-transition: background-color .3s, color .3s, border-color .3s; transition: background-color .3s, color .3s, border-color .3s; } h1, .h1 { font-size: 1.875rem; font-family:Lato-Bold; line-height:2rem; } h2, .h2 { font-size: 1.5rem; font-family:Lato-Bold; line-height:2rem; } b { font-family:Lato-Black; font-weight:normal; } i { font-family:Lato-Italic; font-style:normal; } ul { list-style:none; } b i, i b { font-family:Lato-BlackItalic; font-style:normal; } .cLine, .Page * { border-color: #cad7de; border-style: solid; border-width: 0; } .pageWrapper input:focus, .pageWrapper textarea:focus { background-color:#e0eff7; outline: none; } .hidden { display:none!important; } [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; } .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: #e0eff7; } .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 .wrapper { max-width: 86rem; width: 100%; box-sizing:border-box; padding: 1.25rem 3rem 0.5rem 3rem; } .cookieBanner .closeButton { right: 0; } .cookieBanner a{ transition: all .3s; text-decoration: underline; } .cookieBanner button.defaultButton{ margin-bottom: 0.5rem; margin-left: 0.5rem; min-width: 8rem; } @media screen and (max-width:1024px){ .cookieBanner .wrapper{ padding-right: 2rem; padding-left: 2rem; } .cookieBanner .closeButton { width: 2rem; line-height: 2rem; } } @media screen and (max-width:544px) { .cookieBanner .wrapper { padding-top: 0.75rem; padding-right: 0.5rem; padding-left: 0.5rem; padding-bottom: 0; } .cookieBanner .textWrapper{ font-size: 0.75rem; padding-right: 2rem; box-sizing: border-box; } .cookieBanner button:first-child{ margin-left: 0; } .cookieBanner button.defaultButton{ float: none; min-width: auto; } .cookieBanner .closeButton { width: 2.5rem; line-height: 2.5rem; } } .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: #000000; cursor: pointer; } .cookieAgreementOverview .infoCategory { padding-bottom: 1rem; } .cookieAgreementCategory .showCookie { color: #000000; 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{ margin-bottom: 1rem; } .cookieAgreementCategory label{ left: 8rem; } .cookieAgreementCategory .title{ position: relative; } .cookieAgreementCategory .title .triStateCheckbox__icon, .cookieAgreementCategory input[type="checkbox"]{ top: 0; right: 0; } .cookieAgreementCategory input[type="checkbox"]{ display: none; } .cookieAgreementCategory label .icon { width: 1rem; height: 1rem; background-image: url("/Ressource/Graphic/checkmark_off.svg"); background-size: 1rem 1rem; background-repeat: no-repeat; background-position: center; color: #000000; text-align: center; line-height: 1rem; font-size:1.25rem; top: 0.3rem; right: -1.5rem; } .cookieAgreementCategory input[type="checkbox"]:checked + .icon { background-image: url("/Ressource/Graphic/checkmark_on.svg"); } .cookieAgreementCategory:not(.necessary) .wrapperCategoryFirstPart .title { padding-right: 10rem; } @media all and (max-width: 544px) { .cookieAgreementCategory label .icon{ display: block; top: 0.1rem; } } .cookieAgreementOverview { display:block; margin:0 auto 1rem; padding-top: 2rem; padding-bottom: 1rem; box-sizing:border-box; background-color: #e0eff7 ; } .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: #000000; 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%; } } .cookieAgreementOverview{ box-sizing: border-box; padding: 0 3rem; max-width: 86rem; background-color: transparent; } .cookieAgreementOverview .wrapper{ background-color: #ffffff; padding: 0rem 2rem 1rem 28.5rem; position: relative; } .Page:not(.noBg) .cookieAgreementOverview .wrapper.firstPart{ padding-top: 2.5rem; } .cookieAgreementOverview .title{ font-size: inherit; font-family: Lato-Black; font-weight: normal; margin-bottom: 0; } .cookieAgreementOverview .firstPart .title{ font-size: 1.5rem; font-family: Lato-Bold; line-height: 2rem; position: absolute; left: 2.5rem; max-width: 28.5rem; padding-top: 0.5rem; margin-bottom: 1.5rem; } .cookieAgreementOverview .icon{ font-size: 0.75rem; line-height: 2.3em; } .cookieAgreementOverview .moreText, .cookieAgreementOverview .wrapper.firstPart.open .lessText, .cookieAgreementOverview .wrapperServiceFirstPart .title span:not(.icon), .cookieAgreementOverview .showCookie span:not(.icon){ padding-left: 0.9rem; padding-right: 1rem; } .cookieAgreementOverview .info p, .cookieAgreementOverview .text { margin-bottom: 1em; } .cookieAgreementOverview .close, .cookieAgreementOverview .ok { padding-top: 0.5rem; clear:both; float:right; } #overlay .cookieAgreementOverview .wrapper{ padding-left: 2rem; } #overlay .cookieAgreementOverview .firstPart .title{ position: relative; left: inherit; } #overlay .cookieAgreementOverview{ padding: 0; } #overlay .cookieAgreementOverview .ok, #overlay .cookieAgreementOverview .close { min-width: 12.5rem; } #overlay .cookieAgreementOverview .close { margin-top: 0.5rem; margin-right: 0; } @media screen and (max-width: 1024px){ .cookieAgreementOverview{ padding: 0 2rem; } .cookieAgreementOverview .wrapper{ padding-left: 20rem; padding-right: 1.5rem; } .cookieAgreementOverview .wrapper.firstPart{ padding-top: 1.5rem; } .cookieAgreementOverview .firstPart .title{ left: 1.5rem; max-width: 20rem; } } @media screen and (max-width: 768px){ #overlay .cookieAgreementOverview .wrapper, .cookieAgreementOverview .wrapper{ padding-left: 1.5rem; } .cookieAgreementOverview .firstPart .title{ position: relative; left: inherit; max-width: inherit; } } @media screen and (max-width: 544px){ .cookieAgreementOverview{ padding: 0 0.5rem; font-size: 0.75rem; line-height: 1.125rem; } #overlay .cookieAgreementOverview .wrapper, .cookieAgreementOverview .wrapper{ padding-left: 1rem; padding-right: 1rem; } .cookieAgreementOverview .wrapper.firstPart{ padding-top: 1rem; } .cookieAgreementOverview .firstPart .title{ margin-bottom: 1rem; } .cookieAgreementOverview .icon{ line-height: 2.5em; font-size: 0.5rem; } .cookieAgreementOverview .moreText, .cookieAgreementOverview .wrapper.firstPart.open .lessText, .cookieAgreementOverview .wrapperServiceFirstPart .title span:not(.icon), .cookieAgreementOverview .showCookie span:not(.icon){ padding-left: 0.7rem; padding-right: 0.75rem; } } @media screen and (max-width: 400px){ .cookieAgreementOverview .expand, .cookieAgreementOverview .close, .cookieAgreementOverview .ok { width: 100%; } } .wrapperCategorySecondPart .serviceList.noSelectableServices input { display: none; } .cookieAgreementService { padding-top: 1rem; padding-right: 4rem; padding-left: 1rem; padding-bottom: 1rem; background-color: #f5f5f2; 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: 1rem; } .cookieAgreementService label { left: -1.5rem; } .cookieAgreementService .title { width: calc(100% - 7rem); } @media screen and (max-width:544px){ .cookieAgreementService{ padding: 0.75rem; } .cookieAgreementService .cookieInformation td{ padding-left: 0; } .cookieAgreementService .cookieInformation__label{ text-align: left; } .cookieAgreementService .title { width: calc(100% - 2rem); } } .Page { -webkit-font-smoothing:antialiased; font-family: "Lato-Regular"; font-size: 1rem; line-height: 1.5em; color:#373737; background-size:cover; background-attachment:fixed; background-color:#ffffff; -o-transition:left .5s; -ms-transition:left .5s; -moz-transition:left .5s; -webkit-transition:left .5s; transition:left .5s; left:0; } .Page::before, .Page::after, .Page .content[data-role="content"]::before, .Page .content[data-role="content"]::after { content: "\0020"; display: block; height: 0; overflow: hidden; } .Page::after, .Page .content[data-role="content"]::after { clear: both; } .Page .content[data-role="content"] { min-height: 40rem; } /* @media screen and (max-width:1600px) { .Page { background-image: url('/Ressource/Graphic/EPI_bg.png'); } } @media screen and (max-width:768px) { .Page { background-image: url('/Ressource/Graphic/EPI_bg_small.png'); } } */ .header { margin-bottom:1.5rem; } .desktopHeader .mainNav, .header .subNav, .header .specialNav { padding: 0 3rem; } .desktopHeader .mainNav { background-color:#ffffff; padding-top: 1.25rem; } .desktopHeader .mainNav >.wrapper { display:flex; } .header .subNav, .header .subNav a, .header .specialNav, .header .specialNav a { color:#ffffff; } .Page.noBg .header .subNav, .Page.noBg .header .subNav a, .Page.noBg .header .specialNav, .Page.noBg .header .specialNav a { color:#373737; } .header .logo { font-size:0.875rem; font-family:Lato-Bold; letter-spacing:0.1em; } .desktopHeader .mainNav .logo { padding-right:1rem; } .desktopHeader .mainNav .logo img { height:2.75rem; } .desktopHeader .mainNav .actions { padding-left:0.5rem; } .desktopHeader .actions > *, .mobileHeader .actions > * { display:inline-block; } .header .miniAction { font-size:0.625rem; text-transform:uppercase; letter-spacing:0.08em; position:relative; min-height:0; } .header .miniAction a { display:inline-block; line-height:2rem; padding:0 0.25rem 0 0.5rem; } .header .miniAction .icon { font-size:1.5rem; vertical-align:middle; margin-right:0.5rem; height:auto; display:inline-block; } .desktopHeader .MiniWishList.miniAction .caption, .desktopHeader .CustomShopBasketMini.miniAction .caption, .desktopHeader .CustomUserLogin.miniAction .caption { display:none; } .desktopHeader .miniAction .count, .mobileHeader .miniAction .count { font-family:OpenSans-Semibold; font-size:0.5rem; background-color:#b5153f; color:#ffffff; border-radius:0.75rem; position:absolute; right:0.5rem; top:0; height:0.75rem; min-width:0.75rem; text-align:center; line-height:0.5rem; box-sizing:border-box; padding:0.125rem 0.125rem 0.1875rem; } .desktopHeader .CustomUserLogin .mobile { display:none; } .desktopHeader .BasicLanguageBox a{ font-size: 0.875rem; padding-left: 0.5rem; } .desktopHeader .BasicLanguageBox a.selected{ display: none; } .desktopHeader .mainNav .linksWrapper { flex:1; } .desktopHeader .mainNav .linksWrapper ul, .header .subNav ul { text-align:center; } .desktopHeader .mainNav .linksWrapper li, .header .subNav li, .header .subNav .title { display:inline-block; font-family:Lato-Bold; font-size:0.875rem; text-transform:uppercase; letter-spacing:0.08em; } .desktopHeader .mainNav .linksWrapper li a, .header .subNav li a { display:block; padding:0.5rem 0.75rem 1.25rem; border-bottom:0.5rem solid transparent; font-family:Lato-Bold; letter-spacing:0; } .desktopHeader .mainNav .linksWrapper li a.selected:not(.descendantSelected) { border-bottom-color:#b5153f; } .header .subNav { padding-top:1rem; overflow-x:auto; -webkit-overflow-scrolling: touch; font-family:Lato-Bold; } .header .subNav .ListLinkList { text-align:center; white-space: nowrap; } .header .subNav ul { display:inline-block; } .header .subNav .title { display:inline-block; margin-right: 1rem; text-transform:uppercase; } .header .subNav li a { border-bottom-width:0.25rem; padding-left:0; padding-right:0; margin-left:1.25rem; margin-right:1.25rem; } .header .subNav li a.selected:not(.descendantSelected) { border-bottom-color:#b5153f; } .header .specialNav { overflow:hidden; } .header .breadcrumb { float:left; padding-top:1rem; } .header .detailNav { float:right; padding-top:0.875rem; } .header .detailNav .singleSubnavigation > * { display:inline-block; font-size:0.75rem; padding-left:0.75rem; } .header .detailNav .singleSubnavigation > div { color:#9ca7ac; } .header .searchWrapper{ position: absolute; right: 12.5rem; top: 0rem; width: 0rem; display: none; z-index: 2300; } .header .searchWrapper.open{ width: calc(100% - 32rem); display: block; -o-transition: width .5s; -ms-transition: width .5s; -moz-transition: width .5s; -webkit-transition: width .5s; transition: width .5s; } .header .miniAction .icon.ss-search{ padding: 0 0.25rem 0 0.5rem; cursor: pointer; transition: color 0.3s; } .header .searchWidget { max-width: 100%; margin: 0 auto; position: relative; overflow: inherit; padding: 0; } .header .searchWidget input[name=inputSearch]{ border: none; border-radius: 0.1875rem; background-color:#cad7de; height:5rem; padding: 0.7rem 2.75rem; box-sizing: border-box; width: 100%; } .header .searchWidget .icon { position: absolute; top: 1.5rem; cursor: pointer; font-size: 1.5rem; line-height: 1em; padding: 0.5rem; } .header .searchWidget .icon.search{ left: 0; } .header .searchWidget .icon.close{ right: 0; } @media all and (max-width: 1599px) { .header .searchWrapper{ right: 10.5rem; } .header .searchWrapper.open { width: calc(100% - 25.5rem); } } @media all and (max-width: 1280px) { .header .searchWrapper{ right: 6.5rem; top: 0.25rem; } .header .searchWrapper.open { width: calc(100% - 18rem); } .header .searchWidget input[name=inputSearch]{ height: 2.75rem; } .header .searchWidget .icon { top: 0.4rem; padding-bottom: 0; } } @media all and (max-width: 544px) { .header .searchWrapper{ right: 0; top: 3.25rem; } .header .searchWrapper.open { width: 100%; } .header .searchWidget input[name=inputSearch]{ padding-left: 3.5rem; padding-right: 3rem; } .header .searchWidget .icon.search { left: 0.75rem; } .header .searchWidget .icon.close { right: 0.5rem; } } .mobileHeader { position:fixed; top:0; left:0; right:0; display:none; height:3.25rem; background-color:#ffffff; z-index:2200; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3); -o-transition:top .5s; -ms-transition:top .5s; -moz-transition:top .5s; -webkit-transition:top .5s; transition:top .5s; } .mobileHeader .menuIcon { height:3.25rem; padding:1.25rem; cursor:pointer; font-size:1rem; float:right; box-sizing:border-box; font-size:1.875rem; } .mobileHeader .menuIcon .close { line-height:1rem; width:1rem; } .mobileHeader .menuIcon .close::before { margin-left:-0.5rem; } .mobileHeader .menuIcon .close, .Page.menuOpened .mobileHeader .menuIcon .open { display:none; } .Page.menuOpened .mobileHeader .menuIcon .close { display:block; } .mobileHeader .logo { display:inline-block; padding-top:0.75rem; padding-left:1.25rem; } .mobileHeader .logo { width:7.5rem; height:1.875rem; } .mobileHeader .logo img { height: 1.875rem; } .mobileHeader .actions { float:right; padding-top: 0.25rem; } .mobileHeader .CustomShopBasketMini a { padding:0.5rem; } .mobileHeader .miniAction.CustomShopBasketMini .count { top:0.5rem; } .mobileHeader .miniAction.CustomShopBasketMini .caption { display:none; } @media screen and (min-width:1600px) { .desktopHeader .mainNav, .desktopHeader .subNav, .header .specialNav { padding-left:5rem; padding-right:5rem; } } @media screen and (max-width:1280px) { .desktopHeader .mainNav .userName { display:none; } .desktopHeader .mainNav .linksWrapper li, .desktopHeader .subNav li { font-size:0.75rem; } .desktopHeader .mainNav .linksWrapper li a, .desktopHeader .subNav li a { padding-left:0.5rem; padding-right:0.5rem; } .desktopHeader, .header .breadcrumb { display:none; } .mobileHeader { display:block; } .header:not(.withHeaderSubnav) { padding: 0; min-height: 4.5rem; } .header .subNav { padding: 4rem 1rem 0; } .mobileHeader .miniAction .count { right:0.375rem; } .Page:not(.menuOpened).scrollDown .mobileHeader { top:-3.5rem; } .header:not(.withHeaderSubnav) .specialNav { padding: 3.875rem 2rem 0; } } @media screen and (max-width:1024px) { .header .subNav, .header .subNav a, .header .subNav .title { font-size:0.625rem; } .header .subNav li a { margin-left:0.5rem; margin-right:0.5rem; padding-bottom:0.5rem; border-bottom-width:0.1875rem; } } .menuMobile { display:none; position:fixed; top:0; left:-100%; bottom:0; width:100%; background-color:#ffffff; -o-transition:left .5s; -ms-transition:left .5s; -moz-transition:left .5s; -webkit-transition:left .5s; transition:left .5s; z-index:2100; padding-top:5rem; padding-bottom:1rem; box-sizing:border-box; overflow-y:auto; -webkit-overflow-scrolling: touch; } .Page.menuOpened .menuMobile { left:0; } @media screen and (max-width:1280px) { .menuMobile { display:block; } } .menuMobile .nav { margin: 0 1rem 3rem; } .menuMobile .nav a { padding:0.5rem 1.5rem; font-size:1rem; margin-bottom:0.25rem; } .menuMobile .nav a.selected, .menuMobile .nav a:hover { color:#b5153f; } .menuMobile .actions { padding: 0 1.75rem 2rem; } .menuMobile .miniAction { margin-bottom:0.5rem; } .menuMobile .miniAction .count { margin-left:0.25rem; } .menuMobile .miniAction .count::before { content:"("; } .menuMobile .miniAction .count::after { content:")"; } .menuMobile .miniAction .icon { margin-right:1.5rem; } .menuMobile .languages { padding: 0 0.5rem; } .menuMobile .BasicLanguageBox { display:inline-block; margin-left:0.25rem; } .menuMobile .languages .icon { margin-right:0.75rem; } .menuMobile .CustomUserLogin.userLoginState .desktop { display:none; } .menuMobile .CustomUserLogin.userLoginState .count { display:none; } .menuMobile .CustomSocialMedia { margin-bottom:2rem; text-align:center; } .menuMobile .CustomSocialMedia .title { display:none; } .menuMobile .CustomSocialMedia a { padding:0.5rem 0.75rem; font-size:1.5rem; margin:0 0.25rem; } .footer { background-color:#373737; color:#ffffff; width:100%; padding: 3.25rem 5rem 3.25rem 4rem; box-sizing: border-box; } .footerWrapper { width:100%; margin:0 auto; overflow: hidden; } .footer .wrapper { width: 50%; float: left; } .footer .CustomSocialMedia{ float: left; text-align: right; } .footer .ListLinkList ul{ margin-left: 0.5rem; float: left; } .footer .ListLinkList li{ border-right: 1px solid #ffffff; display: inline-block; padding: 0 0.5rem 0.25rem ; line-height: 0.5rem; } .footer .ListLinkList li:last-child{ border-right:0; } .footer .ListLinkList { display: block; padding-top:1rem; } .footer .ListLinkList .selected { color:#b5153f; } .footer .ListLinkList li a{ font-family: Lato-Regular; font-size: 1rem; color:#ffffff; } .footer .ListLinkList .descendantSelected { color:#ffffff; } .footer .BasicText{ font-size: 0.75rem; clear: both; float: left; padding: 1rem; line-height: 1.25rem; } #submitMessage { display: none; font-size: 0.75rem; font-weight: normal; line-height: 1.5em; margin-bottom: 1.5rem; } .footer .subscription_step1_footerForm { margin-left: 1.5rem; } .footer .text{ width: 14rem; } .footer .BasicForm .wrapper{ width: auto; padding-left:0; padding-right:0; } .footer .BasicForm button{ background: #000000; color: #ffffff; width: 100%; border-radius: 0 0.1875rem 0.1875rem 0; font-size:0.875rem; padding-left:0.5rem; padding-right:0.5rem; } .footer .BasicForm .wrapper.submit { width: 13.5rem; float:none; } .footer .BasicForm input { width: 100%; padding: 0.5rem; } .footer #subscription_step1_2 { border-radius: 0.1875rem 0 0 0.1875rem; } .footer .BasicForm .wrapper.medium{ width: 16rem; } .footer .subscription_step1_footerForm { float: right; clear: none; padding-top: 0.5rem; width: 29.5rem; } .footer .subscription_step1_footerForm .validationMessage{ width: 16rem; } .footer .submitMessage { float: left; line-height: 1.7rem; } .footer .validationMessage, .footer #submitMessage{ padding: 0.25rem 0.5rem; font-size: 0.75rem; text-align: left; } .footer .validationMessage{ color: #e0152b; } .footer .formTitle, .footer .wrapperForm label, .footer .wrapperForm .mandatory_field_desciption { display: none; } .poweredByCellms { background-color:#e6edfb; width:100%; } .poweredByCellms .wrapper{ box-sizing: border-box; width:100%; margin:0 auto; padding: 1rem 4rem; } .poweredByCellms .logoLink { position: relative; display: block; width: 100%; box-sizing: border-box; padding-left: 1rem; } .poweredByCellms img { height: 4rem; width: 4rem; color: #000000; } .poweredByCellms .logoLink .poweredByCellmsCaption { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-transform: uppercase; text-align: center; letter-spacing: 1px; line-height: 4rem; color: transparent; font-weight: 700; } @media all and (max-width: 1600px) { .footer{ padding: 3.25rem 3rem 3.25rem 2rem; } } @media all and (max-width: 1080px) { .footer { padding: 2rem; } .footer .ListLinkList li a, .footer .title, .footer input, .footer button, .footer .BasicLanguageBox a { font-size: 0.75rem; } .footer .CustomSocialMedia{ clear: both; } .footer .subscription_step1_footerForm { margin: 0; } } @media all and (max-width: 820px) { .poweredByCellms .logoLink .poweredByCellmsCaption { display: none; } .poweredByCellms img{ margin: 0 auto; } .footer .BasicLanguageBox{ display: none; } .footer .ListLinkList li:last-child { border: none; } .footer .ListLinkList ul{ float: none; } .footer { padding: 2rem 0.5rem; } .footer .wrapper, .footer .Widget{ width: 100%; float: none; clear: both; padding: 0; text-align: center; box-sizing: border-box; } .footer .CustomSocialMedia{ text-align: center; width: 100%; } .footer .subscription_step1_footerForm.Widget { width: 22.5rem; margin: 0 auto; padding: 1.75rem 0; } .footer .subscription_step1_footerForm .submit{ clear: none; float: left; } .footer .subscription_step1_footerForm.BasicForm, .footer .BasicForm .wrapper.medium, .footer .subscription_step1_footerForm.BasicForm .validationMessage, .footer .subscription_step1_footerForm.BasicForm .wrapper.submit{ width: 16.5rem; padding-left: 0; border-radius: 0.1875rem 0.1875rem 0.1875rem 0.1875rem; } .footer .BasicForm button, .footer #subscription_step1_2{ border-radius: 0.1875rem 0.1875rem 0.1875rem 0.1875rem; } .footer .BasicText{ padding: 2rem 2rem 0; } } @media all and (max-width: 544px) { .footer{ padding: 3.25rem 0.5 3.25rem 0; } .footer .ListLinkList ul{ margin: 0; } .poweredByCellms .logoLink { padding: 0 1rem; } } .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; } .BasicHtmlContent { margin: 32px 32px 0 32px; } #infoBox { overflow: hidden; width: 14rem; position: fixed; right: 1.25rem; top: 1.25rem; z-index: 4000; } @media screen and (max-width: 544px) { #infoBox { width: auto; left: 1.25rem; } } #infoBox .message { padding: 0.75rem; background-color: rgba(80,80,80,0.5); color: #ffffff; border-radius: 0.3125rem; margin-bottom: 0.375rem; display: none; cursor: pointer; } .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; } .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 { z-index:3000; } .overlayWrapper .wrapperContentLoader { margin: 0; padding: 0; } .overlayWrapper #overlay .scrollWrapper { max-width:80rem; text-align:center; } .overlayWrapper .scrollWrapper > .wrapper { width:auto; max-width:100%; text-align: left; background-color:#ffffff; } .overlayWrapper .BasicSpacerContentLoader { padding: 2rem; box-sizing: border-box; } .overlayWrapper .BasicSpacerContentLoader .closeButton { padding:1.25rem; } .overlayWrapper .BasicSpacerContentLoader .panelTitle { text-align: center; font-size: 1.875rem; padding: 2rem; } @media screen and (max-width:1024px) { .overlayWrapper .BasicSpacerContentLoader .closeButton { top:0; right:0; padding:0.75rem; } .BasicSpacerContentLoader.overlay { padding: 0; } .overlayWrapper .BasicSpacerContentLoader .panelTitle { font-size: 1.375rem; padding: 1rem; } } .BasicText a { text-decoration:underline; } .BasicText ul li, .BasicText ol li{ list-style-type: none; padding-left: 1rem; position: relative; } .BasicText ul li::before { content: ""; left:0.125rem; position:absolute; background-color:#373737; top: 0.75em; width: 0.5rem; height: 1px; } .BasicText ol { counter-reset: item; } .BasicText ol li { display: block; padding-left:1rem; position: relative; } .BasicText ol li:before { content: counter(item) ". "; counter-increment: item; position: absolute; color:#b5153f; font-size: 0.75rem; padding-left: 0.25rem; left: 0; top: 0.125rem } .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: #373737; 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: #373737; 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:#373737; 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:#373737; } .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: #e0152b; } .BasicDownload { padding: 0.625rem; overflow: hidden; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; } .BasicDownload a{ display: block; } .BasicDownload .text{ font-family: "Lato-Bold"; padding-left: 4.5rem; padding-top: 0.5rem; font-size: 1rem; } .BasicDownload .text .BasicText { color:#373737; display:inline; } .BasicDownload .hover{ font-family: Lato-Italic; display:inline; } .BasicDownload .roundIcon.default{ float: left; } @media all and (max-width: 1024px) { .BasicDownload { padding: 0.5rem; } .BasicDownload .text{ font-size: 0.75rem; padding-top: 0.125rem; padding-left: 2.5rem; } } @media all and (max-width: 768px) { .BasicDownload .text{ font-size: 0.75rem; padding-top: 0.125rem; } } .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: #e0eff7; padding: 0.25rem 0.75em; border-radius: 100%; line-height: 2.25em; } .BasicForm.multiStep .multiStepNav .navElt.valid .idx{ background-color: #000000; 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; } } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon { box-sizing:border-box; color:transparent; text-align:center; } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon::before { width: 1rem; height: 1rem; background-image: url("/Ressource/Graphic/checkmark_off.svg"); background-size: 1rem 1rem; background-repeat: no-repeat; background-position: center; text-align: center; line-height: 1rem; } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon--checked::before { background-image: url("/Ressource/Graphic/checkmark_on.svg"); } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon--unchecked::before {} .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon--mixed::before { background-image: url("/Ressource/Graphic/checkmark_or.svg"); } .BasicFormLink { text-decoration: none; cursor: pointer; } [data-form-inplace-id] { cursor: pointer; } .BasicForm { clear: both; margin: 0 auto; overflow: hidden; } .BasicForm select, .BasicForm input, .BasicForm textarea, .BasicForm button{ font-family: inherit; } .BasicForm formwysiwyg { display: block; } .BasicForm form { overflow: hidden; } .BasicForm.ui-dialog-content { width: 100%; } .BasicForm .wrapper { overflow: hidden; display: block; float:left; } .BasicForm .wrapper.hidden { display: none; } .BasicForm .wrapper.newLine { clear: both; } .BasicForm .wrapper.small { width: 25%; } .BasicForm .wrapper.medium { width: 50%; } .BasicForm .wrapper.large { width: 100%; } .BasicForm label a{ display:inline; } .BasicForm label .captionMandatory { display: none; } .BasicForm .required + label .captionMandatory { display: inline; } .BasicForm input { display: block; } .BasicForm input[type=text], .BasicForm input[type=email], .BasicForm input[type=password], .BasicForm textarea { box-sizing:border-box; clear: both; border:1px solid #cad7de; } .BasicForm textarea { line-height: 1.5em; } .BasicForm textarea[rows] { height: auto; } .BasicForm textarea, .BasicFormFormProperty textarea { resize: vertical; } .BasicForm input[type="radio"], .BasicForm input[type="checkbox"] { float:left; } .BasicForm input[type="radio"] { width: auto; height: auto; } .BasicForm .validationMessage { clear: both; display: block; color: #e0152b; } .BasicForm .wrapper button { float:right; } .BasicForm .hideIfNotRequired { display: none; } .BasicForm .hideIfNotRequired.required { display: block; } #submitMessage { display: none; } .BasicFormTextProperty .first { clear: both; } #formOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; opacity: 0.7; z-index: 99999; } #formContainer { background-color: #FFFFFF; border: 1px solid #000000; box-shadow: 0 0 15px #000000; color: #666666; font-size: 13px; font-weight: bold; min-height: 200px; left: 50%; margin-left: -300px; margin-top: -50px; padding-top: 20px; position: fixed; text-align: center; top: 50%; width: 600px; z-index: 99999; } 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; } .BasicForm .wrapper.checkbox_image label { height: 128px; width: 90%; } .BasicForm .wrapper.checkbox_image label>div { width: 50%; float: left; } .BasicForm .wrapper.checkbox_image label .SetImage input { display: none; } .BasicForm .wrapper.checkbox_image label .SetImage .BasicGraphic { height: 128px; width: 128px; } .BasicForm .wrapper.checkbox_image label .SetImage .BasicText { position: relative; bottom: 0; min-width: 100px; bottom: 0; float: left; text-align: left; } .BasicForm .wrapper.simple_text .BasicText { overflow: hidden; } .BasicForm .wrapper.withInput input[type="text"]{ margin-left: 1.5rem; margin-bottom: 0rem; min-height: 1.875rem; width: calc(100% - 1.5rem); } .BasicForm .wrapper.withInput input[type=text] ~ .validationMessage{ margin-bottom: 0; } .BasicForm .wrapper.withInput.invalid .validationMessage{ margin-left: 1.5rem; margin-bottom: 0rem; min-height: 1.875rem; width: calc(100% - 1.5rem); padding: 0.5rem 0; } .BasicForm .container .wrapper.withInput input[type="radio"]:checked + label, .BasicForm .container .wrapper.withInput input[type="checkbox"]:checked + label{ margin-bottom: 0.5rem; display: inline-block; } .BasicForm .dropDown { width: 100%; margin: 0; box-sizing : border-box; background-color: #ffffff; box-sizing: border-box; } .BasicForm .dropDown .caption { box-sizing: border-box; padding: 0.5rem 0.75rem; height: 2.5rem; font-size: 1rem; line-height: 1.5rem; border-width : 1px; border-color: #cad7de; border-width: 1px; -webkit-border-radius: 0.1875rem; -moz-border-radius: 0.1875rem; border-radius: 0.1875rem; position:relative; } .Page input[type="text"], .Page input[type="email"], .Page input[type="password"], .Page textarea { -webkit-appearance: none; } @media screen and (max-width:768px) { .Page input[type="text"], .Page input[type="email"], .Page input[type="password"], .Page textarea { font-size:1rem; } } .BasicForm .formTitle { padding: 0 0.5rem; margin-bottom:2rem; box-sizing: border-box; font-size:1.375rem; } .BasicForm .wrapperForm { overflow: hidden; position:relative; } .BasicForm .wrapper { padding: 0 0.5rem 0.25rem; box-sizing: border-box; overflow: visible; } .BasicForm .wrapperForm .wrapper span.description { margin: 0; } .BasicForm label { float: none; width: auto; margin: 0; } .BasicForm .text label, .BasicForm .password label, .BasicForm .textarea label, .BasicForm [data-type="chegroup"] { display:none; } .BasicForm input[type="text"], .BasicForm input[type="email"], .BasicForm input[type="password"], .BasicForm textarea { color: #373737; background-color: #ffffff; background-image: none; border-color: #cad7de; clear:both; height: 2.5rem; line-height: 1.5em; font-size: 1rem; font-family: "Lato-Regular"; -webkit-border-radius: 0.1875rem; -moz-border-radius: 0.1875rem; border-radius: 0.1875rem; -webkit-appearance: none; box-sizing:border-box; margin: 0; padding: 0 0.75rem; width: 100%; } .BasicForm textarea { padding: 0.5rem 0.75rem; height: 8rem; } .BasicForm .invalid input, .BasicForm .invalid textarea { border-color: #b5153f; } .BasicForm input[type="radio"], .BasicForm input[type="checkbox"] { margin-top:0.25rem; } .BasicForm .invalid .dropDown .caption { border-color:#b5153f; } .BasicForm .validationMessage { font-size: inherit; min-height: 1rem; line-height: 2rem; width: 100%; box-sizing: border-box; padding: 0 0.5rem; } .BasicForm #submitMessage { -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; -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); -webkit-transition-property: max-height, opacity, margin; -moz-transition-property: max-height, opacity, margin; -ms-transition-property: max-height, opacity, margin; -o-transition-property: max-height, opacity, margin; transition-property: max-height, opacity, margin; min-height:5.75rem; } .BasicForm #submitMessage.error { margin: 1rem 0.5rem 2.5rem; padding: 0.5rem 1rem; display: block; color: #000000; min-height:0; background: #e0eff7; } .BasicForm button { height: auto; } .BasicForm .wrapper.submit { margin-bottom:1rem; float:right; overflow:hidden; } .BasicForm .wrapper.mandatory_field_desciption { font-size:0.75rem; } .BasicForm #submitMessage { font-size: 1rem; padding: 0; margin-bottom:0; } .BasicForm #submitMessage .actionButton{ font-size: 0.75rem; color: #000000; } .BasicForm #submitMessage .roundIcon { display:inline-block; color:#ffffff; margin-left: 1rem; float: right; font-size: 1rem; } .BasicForm #submitMessage:not(.error) h1, .BasicForm #submitMessage:not(.error) h2 { font-family: "Lato-Bold"; font-size: 1.375rem; margin-bottom:1.5rem; } @media screen and (max-width:768px) { .BasicForm #submitMessage { text-align:center; min-height:0; } .BasicForm #submitMessage .roundIcon { position:static; } } @media screen and (max-width:544px) { .BasicForm .wrapper.submit, .BasicForm .wrapper button { float:none; width:100%; } } .BasicForm .validationMessage { border-radius:0.25rem; max-height: none; font-family: "TheSans-Regular"; text-align:center; line-height:1.5em; float: 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); -webkit-transition-property: max-height, opacity, margin; -moz-transition-property: max-height, opacity, margin; -ms-transition-property: max-height, opacity, margin; -o-transition-property: max-height, opacity, margin; transition-property: max-height, opacity, margin; } .BasicForm .invalid .validationMessage { margin: 1rem 0 0.75rem; padding: 0.5rem 1rem; display: block; background-color: rgba(0,0,0,0.25); font-family:Lato-Regular; font-size:0.75rem; color: #ffffff; } @media all and (max-width: 768px) { .BasicForm #submitMessage h1, .BasicForm #submitMessage h2 { font-size: 1.25rem; } .BasicForm .wrapper.small, .BasicForm .wrapper.medium { width: 100%; clear: both; } .BasicForm .wrapper { padding-left:0; padding-right:0; } } @media all and (min-width: 545px) and (max-width: 768px) { .BasicForm .wrapper.submit { padding-left: 1rem; } } .BasicForm.pageElt { margin: 0 auto 2.5rem; padding: 0 3rem; max-width: 86rem; box-sizing: border-box; } .BasicForm.pageElt .wrapperForm { background-color:#ffffff; padding: 2rem 1.75rem 2rem 28rem; } @media screen and (max-width:1024px) { .BasicForm.pageElt { padding:0 2rem; } .BasicForm.pageElt .wrapperForm { padding-left: 20rem; } } @media screen and (max-width:768px) { .BasicForm.pageElt .wrapperForm { padding-left: 1.75rem; } } @media screen and (max-width:544px) { .BasicForm.pageElt { margin: 0 auto 2.5rem; padding: 0 0.5rem; } .BasicForm.pageElt .wrapperForm { padding: 1.5rem 1rem 2rem; } } .BasicForm .wrapper.chegroup { padding:0; } .BasicForm .wrapper.checkbox, .BasicForm .wrapper.radio { position:relative; } .BasicForm .wrapper.checkbox label, .BasicForm .wrapper.radio label { margin-left:1.5rem; display:block; font-size:0.75rem; line-height:1.5em; } .BasicForm .wrapper.checkbox input { display:none; } .BasicForm .wrapper.checkbox label { margin-left:2rem; } .BasicForm .wrapper.checkbox label::before { content:""; position:absolute; top:1px; left:0.5rem; width: 1rem; height: 1rem; margin-right:1rem; background-image : url("/Ressource/Graphic/checkmark_off.svg"); background-size: 1rem 1rem; background-repeat:no-repeat; background-position:center; } .BasicForm .wrapper.checkbox label::after { background-image : url("/Ressource/Graphic/checkmark_on.svg"); height:0; width:0; content:""; } .BasicForm .wrapper.checkbox input:checked + label::before { background-image : url("/Ressource/Graphic/checkmark_on.svg"); } .BasicForm .wrapper.checkbox label a, .BasicForm .wrapper.radio label a { color:#b5153f; } .BasicForm .chegroup > span { font-size: 0.75rem; } .BasicForm .wrapper.chegroup > .validationMessage { min-height: 0; height: auto; } .BasicForm .wrapper.checkselectbox.radgroup { overflow:visible; } @media all and (max-width: 768px) { .BasicForm .wrapper.checkbox label::before { left:0rem; margin-right:0.5rem; } } .BasicForm input:invalid, .BasicForm textarea:invalid { box-shadow:none; } *::-webkit-input-placeholder { opacity: 1; color: #9ca7ac; font-size: 1rem; font-family: "Lato-Regular"; } *:-ms-input-placeholder { opacity: 1; color: #9ca7ac; font-size: 1rem; font-family: "Lato-Regular"; } *:-moz-placeholder { opacity: 1; color: #9ca7ac; font-size: 1rem; font-family: "Lato-Regular"; } *::-moz-placeholder { opacity: 1; color: #9ca7ac; font-size: 1rem; font-family: "Lato-Regular"; } .input-placeholder { opacity: 1; color: #9ca7ac; font-size: 1rem; font-family: "Lato-Regular"; } input::-ms-clear { width: 0px; height: 0px; } .BasicForm input:focus, .BasicForm input:active, .BasicForm textarea:focus, .BasicForm textarea:active { background-color:#e0eff7 } .pagination { overflow: hidden; clear: both; text-align: center; } .pagination .wrapper { display: inline-block; } .pagination .navElement { margin: 0 0.25rem; font-family: "OpenSans-Bold"; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; } @media all and (min-width: 1025px) { .pagination .navElement { font-family: "OpenSans-Bold"; width: 3.25rem; height: 3.25rem; line-height: 3.25rem; } } .pagination .navElement.inactive { visibility: hidden; } .pagination .roundIcon.active { background-color: #000000; color: #ffffff; } .pagination .previous { float: left; color: #ffffff; } .pagination .next { float: right; color: #ffffff; } .Page.noBg .pagination .previous, .Page.noBg .pagination .next { color: #373737; } @media all and (max-width: 768px) { .pagination .previous { text-align: left; } .pagination .next { text-align: right; } } .cookieWarning { background-color:#f5f5f2; position:fixed; left:0; right:0; bottom:0; display:none; margin:0 auto; } .cookieWarning.opened { display:block; } .cookieWarning .wrapper { width:95rem; max-width:100%; box-sizing:border-box; padding: 1.25rem 8rem 1.25rem 2.5rem; margin:0 auto; position:relative; } .cookieWarning .text { min-height:3rem; } .cookieWarning button { position: absolute; right: 2.5rem; top: 1.25rem; } @media screen and (max-width:544px) { .cookieWarning .wrapper { padding: 0.75rem 1rem 1.25rem 1rem; overflow: hidden; } .cookieWarning button { position: relative; display: inline-block; float: right; right: 1rem; margin-bottom: 1rem; } } .cookieWarning { background-color:#000000; color:#ffffff; z-index:3999; } .cookieWarning .wrapper { width: 86rem; box-sizing:border-box; padding: 1.25rem 3rem 1.25rem 3rem; margin:0 auto; position:relative; } .cookieWarning .text { min-height:3rem; font-family: Lato-Regular; font-size: 1rem; line-height: 1.5rem; padding-right: 4rem; box-sizing: border-box; } .cookieWarning button { padding:0.75rem; position: absolute; right: 3rem; top: 1.25rem; color: #ffffff; background-color:#b5153f; } .cookieWarning a{ color:#000000; } @media screen and (max-width:1024px){ .cookieWarning .wrapper{ padding-right: 2rem; padding-left: 2rem; } .cookieWarning button { right: 2rem; } } @media screen and (max-width:768px) { .cookieWarning .text{ font-size: 0.75rem; } .cookieWarning button { font-size: 0.75rem; } } @media screen and (max-width:544px) { .cookieWarning .wrapper { padding: 0.75rem 0.5rem 1.25rem 1.5rem; } .cookieWarning button { right: 1rem; } } .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:#000000; background-color:#c2e0dd; 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:"Open Sans Bold"; } .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 #f5f5f2; } .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) */ background-color: rgba(80,80,80,0.9); } .cookieServiceForbidden a { color: #ffffff; text-decoration: underline; transition: all 0.3s; } .cookieServiceForbidden button { border: solid 1px #b5153f; } .cookieServiceForbidden button:hover { border-color: #b5153f; } .cookieServiceForbidden a:hover, .cookieServiceForbidden a:active, .cookieServiceForbidden a:focus { color: #b5153f; text-decoration: underline; } .cookieWarning { background-color:#f5f5f2; position:fixed; left:0; right:0; bottom:0; display:none; margin:0 auto; } .cookieWarning.opened { display:block; } .cookieWarning .wrapper { width:95rem; max-width:100%; box-sizing:border-box; padding: 1.25rem 8rem 1.25rem 2.5rem; margin:0 auto; position:relative; } .cookieWarning .text { min-height:3rem; } .cookieWarning button { position: absolute; right: 2.5rem; top: 1.25rem; } @media screen and (max-width:544px) { .cookieWarning .wrapper { padding: 0.75rem 1rem 1.25rem 1rem; overflow: hidden; } .cookieWarning button { position: relative; display: inline-block; float: right; right: 1rem; margin-bottom: 1rem; } } .cookieWarning { background-color:#000000; color:#ffffff; z-index:3999; } .cookieWarning .wrapper { width: 86rem; box-sizing:border-box; padding: 1.25rem 3rem 1.25rem 3rem; margin:0 auto; position:relative; } .cookieWarning .text { min-height:3rem; font-family: Lato-Regular; font-size: 1rem; line-height: 1.5rem; padding-right: 4rem; box-sizing: border-box; } .cookieWarning button { padding:0.75rem; position: absolute; right: 3rem; top: 1.25rem; color: #ffffff; background-color:#b5153f; } .cookieWarning a{ color:#000000; } @media screen and (max-width:1024px){ .cookieWarning .wrapper{ padding-right: 2rem; padding-left: 2rem; } .cookieWarning button { right: 2rem; } } @media screen and (max-width:768px) { .cookieWarning .text{ font-size: 0.75rem; } .cookieWarning button { font-size: 0.75rem; } } @media screen and (max-width:544px) { .cookieWarning .wrapper { padding: 0.75rem 0.5rem 1.25rem 1.5rem; } .cookieWarning button { right: 1rem; } } .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) */ background-color: rgba(80,80,80,0.9); } .cookieServiceForbidden a { color: #ffffff; text-decoration: underline; transition: all 0.3s; } .cookieServiceForbidden button { border: solid 1px #b5153f; } .cookieServiceForbidden button:hover { border-color: #b5153f; } .cookieServiceForbidden a:hover, .cookieServiceForbidden a:active, .cookieServiceForbidden a:focus { color: #b5153f; text-decoration: underline; } .searchInputWrapper { position: relative; overflow: hidden; } .searchInputWrapper input[type="text"] { padding: 0.125rem 2.5rem 0.125rem 0.5rem; width: 100%; box-sizing: border-box; } .searchInputWrapper .inputSearchIcon { position: absolute; top: 0; right: 0; bottom: 0; cursor: pointer; padding: 0.625rem; color: #ffffff; background-color: #000000; -webkit-border-radius: 0 0.125rem 0.125rem 0; -moz-border-radius: 0 0.125rem 0.125rem 0; border-radius: 0 0.125rem 0.125rem 0; } .searchInputWrapper input.emptyFilter ~ .deleteIcon, .searchInputWrapper input:not(.emptyFilter) ~ .searchIcon { display:none; } .searchInputWrapper input.emptyFilter ~ .searchIcon, .searchInputWrapper input:not(.emptyFilter) ~ .deleteIcon { display:block; } .BasicSnippet.customHeader { width: 34rem; margin: 0 auto; } .BasicSnippet.customHeader label { color: #e0292b; } .BasicSnippet.subnav { width: 34rem margin: 0 auto; display:none; } .BasicSnippet.subnav label { color: #e0292b; background-color: #e6edfb; display: block; padding: 0.25rem 0.5rem; } .Snippet.map { margin: 0 auto 2.5rem; max-width: 100%; width: 86rem; } .Snippet.map .wrapper { position: relative; margin: 0 3rem; overflow: hidden; padding-bottom: 50%; box-sizing: border-box; } .Snippet.map .google_map { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } @media screen and (max-width: 137px) { .Snippet.map .wrapper { padding-bottom: 28.375rem; } } @media screen and (max-width: 1024px) { .Snippet.map .wrapper { margin: 0 2rem; } } @media screen and (max-width: 940px) { .Snippet.map .wrapper { padding-bottom: 32rem; } } @media screen and (max-width: 544px) { .Snippet.map .wrapper { margin: 0 0.5rem; } } @media screen and (max-width: 470px) { .Snippet.map .wrapper { padding-bottom: 100%; } } .roundIcon{ display: inline-block; line-height: 2.5rem; } .Page button, .defaultButton, a.defaultButton { font-size:1rem; line-height: 1.125rem; text-align: center; text-decoration: none; min-height:2.5rem; padding: 0.625rem 0.875rem; box-sizing: border-box; /* -webkit-border-radius: 0.1875rem; */ -moz-border-radius: 0.1875rem; border-radius: 0.1875rem; background-color: #b5153f; color: #ffffff; cursor: pointer; font-family:Lato-Regular; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .Page button.gray, .defaultButton.gray, a.defaultButton.gray, .cancel.defaultButton { background-color: #b4bfc6; } .Page button.inactive, .defaultButton.inactive, a.defaultButton.inactive, .Page button.inactive.ghost, .defaultButton.inactive.ghost, a.defaultButton.inactive.ghost { background-color: #e6edfb; cursor: default; cursor: not-allowed; } .roundIcon{ font-size: 1rem; vertical-align: middle; } .actionButton .roundIcon{ background: #b4bfc6; } .actionButton .roundIcon span{ color: #ffffff; } .actionButton, a.actionButton { cursor: pointer; overflow: hidden; line-height: 2rem; } .actionButton .roundIcon{ float: right; margin-left: 1rem; } .moreButton, a.moreButton { color: #ffffff; float: right; cursor: pointer; clear: both; } .Page.noBg .moreButton, .Page.noBg a.moreButton { color: #373737; } .moreButton::after{ clear: both; } .moreButton .roundIcon { margin-right: 1rem; } .Page.noBg .moreButton .roundIcon { background: #e6edfb; } @media all and (max-width: 1024px) { .moreButton { font-size: 0.75rem; } .goToOverviewWrapper{ text-align: center; padding: 1.5rem 0 0; } .moreButton, a.moreButton{ margin: 0 auto; padding: 0; float: none; } } @media all and (max-width: 1024px) { .moreButton{ width: 100%; text-align: center; } } @media all and (max-width: 768px) { a.defaultButton, .defaultButton, .Page button { font-size: 0.875rem; } } .stateButton { padding: 0 0.5rem 0 0; color: #b4bfc6; cursor:pointer; text-decoration: none; vertical-align: middle; } .stateButton span{ line-height: 2.5rem; } .stateButton .icon { margin: 0 1rem 0 0; line-height: 2.5rem; color: #ffffff; background: #b4bfc6; } .stateButton::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .stateButton [class*="ss-"] { color: #ffffff; } .stateButton .roundIcon .ss-icon::before{ line-height: 1rem; color: #ffffff; } input:checked + label.stateButton, input:checked + label .stateButton { color: #373737; } /* input:checked + label.stateButton .icon, */ input:checked + label .stateButton .icon{ background-color: #b5153f; border-color: #373737; } input:checked + label.stateButton .icon, input:checked + label .stateButton .icon { color: #ffffff; background: #b5153f; } .roundIcon.closeButton, .roundIcon.openButton { background: #b4bfc6; } .roundIcon.openButton span{ color: #ffffff; } @media screen and (max-width: 544px){ .stateButton{ font-size: 0.875rem; } .stateButton .icon{ margin-right: 0.5rem; } } .roundIcon { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; height: 2.5rem; width: 2.5rem; line-height: 2.5rem; background-color: #ffffff; text-align: center; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .roundIcon::before { line-height: 2.5rem; } .roundIcon [class^="ss-"] { display: inline-block; vertical-align: middle; float: none; margin: 0; height: 2.5rem; color: #373737; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; font-size: 1.125rem; } .roundIcon [class^="ss-"]::before, .openIcon [class^="ss-"]::before { font-family: "SSGizmo" !important; } .roundIcon.grey { background-color: #b4bfc6; color: #ffffff; } .roundIcon.grey span{ color: #ffffff; } .roundIcon.black { background-color: #000000; color: #ffffff; } .roundIcon.grey::before .roundIcon.black::before { color: #ffffff; } @media all and (max-width: 1024px) { .roundIcon, .roundIcon [class^="ss-"] { width: 2rem; height: 2rem; font-size: 1.125rem; line-height: 1.5rem; } .roundIcon span{ font-size: 1rem; line-height: 2rem; } .roundIcon span::before{ font-size: 1rem; line-height: 2.3rem; } } .hoverOverlay { position:absolute; top:0; bottom:0; right:0; left:0; opacity:0; background-color:#b5153f; color:#ffffff; text-align:center; font-size:1.5rem; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .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 #cad7de; } .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; } .BasicVideo { position: relative; } .BasicVideo video, .BasicVideo img, .BasicVideo object { max-width: 100%; display: block; } .BasicVideo.teaser { cursor: pointer; height: 0; padding: 0 0 56.25%; background-repeat: no-repeat; background-position: center; background-size: cover; } .BasicVideo .duration { position: absolute; top: 0; right: 0; color: #ffffff; background-color: rgba(0,0,0,0.5); padding: 0.25rem 0.5rem 0.5rem; line-height:1rem; font-size: 1rem; } .BasicVideo .cookieServiceForbidden .wrapper{ background-color: transparent; } @media screen and (max-width: 1024px) { .BasicVideo .duration { padding: 0.125rem 0.25rem 0.25rem; font-size: 0.75rem; } } .BasicVideo .videoIcon { position: absolute; left: 50%; top: 50%; margin: -2.5rem 0 0 -2.5rem; width: 5rem; height: 5rem; background-color: rgba(255,255,255,0.5); background-image: url('/Ressource/Graphic/play.svg'); background-size: 2.25rem 2.25rem; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } @media screen and (max-width: 1024px) { .BasicVideo .videoIcon { width: 3.5rem; height: 3.5rem; margin: -1.75rem 0 0 -1.75rem; background-size: 1.5rem 1.5rem; } } @media screen and (max-width: 544px) { .BasicVideo .videoIcon { width: 2.5rem; height: 2.5rem; margin: -1.25rem 0 0 -1.25rem; background-size: 1.1rem 1.1rem; } } .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:#e0eff7; 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; } .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; } .Page .pageActionBar { -o-transition:right .3s; -ms-transition:right .3s; -moz-transition:right .3s; -webkit-transition:right .3s; transition:right .3s; z-index:3301; width:3.125rem; text-align:right; position:fixed; right:0.5rem; top:50%; margin-top:-1.25rem; } .Page .pageActionBar .pageAction { cursor:pointer; background-color:#e6edfb; color:#ffffff; font-size:1.25rem; line-height:2.25rem; width:2.5rem; height:2.5rem; border-radius:100%; display:inline-block; text-align:center; } .Page .pageActionBar .pageAction.goUp { opacity:0; } .Page .pageActionBar .pageAction.hidden { display:none; } .Page .pageActionBar .pageAction.selected { background-color:#b5153f; } .Page .pageActionBar [class*="ss-"] { font-size: 1.5rem; line-height: 2rem; } @media screen and (max-width: 1096px) { .Page .pageActionBar { right:0; } .Page.scrollDown .pageActionBar { right:-2.5rem; } } @media screen and (max-width: 544px)/ { .Page .pageActionBar { bottom:1rem; } } .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; } .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; } .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; } .semantic.AdminRelation #refreshSemantic { width: auto; margin-left: 16px; padding: 0 10px; } .CustomStyla { } .CustomTag, .CustomTag ul { overflow: hidden; } .CustomTag.categories li { float: left; } .CustomTag.categories .Tag { display: inline-block; padding: 0.125rem 0.375rem; margin: 0 0.5rem 0.5rem 0; background: #e0eff7; text-transform: uppercase; font-size: 0.6875rem; font-family: "Lato-Bold"; line-height: 1.25rem; height: 1.25rem; letter-spacing: 0.1rem; } @media all and (max-width: 768px) { .CustomTag.categories .Tag { margin: 0 0.375rem 0.375rem 0; font-size: 0.625rem; line-height: 1rem; height: 1rem; } } @media all and (max-width: 544px) { .CustomTag.categories .Tag { font-size: 0.625rem; } } .CustomTag.tagcloudFilter { box-sizing: border-box; padding: 0 0 2rem; } .CustomTag.tagcloudFilter .caption { font-size: 1.25rem; padding: 0 0.875rem; line-height: 2rem; } .Page.noBg .CustomTag.tagcloudFilter .caption { color: #b5153f; } .CustomTag.tagcloudFilter .Tag { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; cursor: pointer; border-left: 0.25rem solid rgba(0, 0, 0, 0); display: block; padding: 0 0.625rem; line-height: 2rem; } .Page.noBg .CustomTag.tagcloudFilter .Tag { color: #373737; } .Page.noBg:not(.noBg) .CustomTag.tagcloudFilter .Tag.selected { color: #373737; background-color: rgba(255,255,255,0.5); border-color: rgba(255,100,87,0.95); } .Page.noBg .CustomTag.tagcloudFilter .Tag.selected { border-color: #b5153f; } .CustomTag.tagcloudFilter .Tag.empty:not(.visible):not(.selected) { display: none; } @media screen and (max-width: 1024px) { .CustomTag.tagcloudFilter .caption { font-size: 1rem; } .CustomTag.tagcloudFilter .Tag { font-size: 0.75rem; } } .CustomUserNavigation { clear: both; width: 100%; padding-top: 1.5rem; overflow: hidden; display:block; text-align:center; } .CustomUserNavigation li { font-size: 0.75rem; margin: 0 0.375rem; list-style: none; display:inline-block; } .CustomUserNavigation .selected { color:#b5153f; } .CustomUserNavigation a { padding: 0; } @media screen and (max-width:544px) { .CustomUserNavigation li { display:block; text-align:left; padding:0.25rem 0; margin:0.25rem 0; } } .checkout_address_add_editForm form { overflow:hidden; } .CustomShopCheckout .BasicForm.checkout_address_add_editForm .formSubmitMessage { padding-bottom:12px; } .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: #f5f5f2; } .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 .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: #9ca7ac; border-color: #9ca7ac; } #checkoutJsProgress .selected, #checkoutJsProgress .selected * { color: #000000; border-color: #000000; } #checkoutJsProgress .selected .roundIcon{ color: #ffffff; background: #000000; } #checkoutJsProgress .state div{ color: #ffffff; } .Page.noBg #checkoutJsProgress .state div{ color: #000000; } #checkoutJsProgress .roundIcon{ font-family: "Lato-Regular" !important; line-height: 2.25rem; color: #000000; margin-right: 0.75rem; } .Page.noBg #checkoutJsProgress .roundIcon{ background-color: #e6edfb; } #checkoutJsProgress .selected .roundIcon{ color: #ffffff; background: #b5153f; } #checkoutJsProgress .placeholder{ width: 10%; } @media screen and (max-width: 1024px) { #checkoutJsProgress .roundIcon{ line-height: 1.875rem; } } @media screen and (max-width: 768px) { .CustomShopCheckoutJs .progresslist { padding-left: 0.5rem; border-left-width: 0.125rem; width: 12rem; } #checkoutJsProgress .placeholder { display: none; } #checkoutJsProgress .state { width: 100%; margin-bottom: 0.5rem; } #checkoutJsProgress .roundIcon{ line-height: 1.75rem; } } .CustomShopCheckoutJs.basketError{ margin: 3rem; text-align:center; margin: 0 auto; box-sizing: border-box; margin: 0 auto 2.5rem; max-width: 100%; overflow: hidden; width: 80rem; padding: 0 3rem; } .CustomShopCheckoutJs.basketError .wrapper { background-color: #ffffff; padding: 3rem; } .CustomShopCheckoutJs.basketError a { margin: 1.25rem 0 0; } @media screen and (max-width: 1024px){ .CustomShopCheckoutJs.basketError { padding-left: 2rem; padding-right: 2rem; } } @media screen and (max-width: 544px) { .CustomShopCheckoutJs.basketError { padding-left: 0.5rem; padding-right: 0.5rem; } } .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: #f5f5f2; 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 { box-sizing: border-box; margin: 0 auto 2.5rem; max-width: 100%; overflow: hidden; padding: 0 2.5rem; width: 80rem; } .loginFormularWrapper{ padding-top: 2.5rem; } .loginFormular h2{ margin-bottom: 2.5rem; } .CustomShopCheckoutJs.login .BasicForm .wrapperForm { position: static; } .CustomShopCheckoutJs.login h1.checkoutLoginTitle, .CustomShopCheckoutJs.login .checkoutLoginTitle .title{ box-sizing:border-box; padding: 0 3rem; margin:0 auto 2.5rem; width:80rem; max-width:100%; border: none; text-align: center; color: #ffffff; } .CustomShopCheckoutJs.login .checkoutLoginTitle{ border: none; } .CustomShopCheckoutJs.login .BasicForm { margin: 0; } .CustomShopCheckoutJs.login .defaultButton { margin: 0 1rem; } .CustomShopCheckoutJs.login .loginFormular .submit{ bottom: 0.5rem; } .CustomShopCheckoutJs.login .BasicForm .formSubmitMessage { min-height:0; margin-bottom: 0; } @media all and (max-width: 1024px) { .CustomShopCheckoutJs.login { padding: 0 2rem; } .CustomShopCheckoutJs.login .defaultButton { margin: 0 1rem; } } @media all and (max-width: 768px) { .CustomShopCheckoutJs.login { padding: 0 0.5rem; } .CustomShopCheckoutJs.login .loginFormular .submit { bottom: 0; } } @media all and (max-width: 544px) { .CustomShopCheckoutJs.login .checkoutLoginTitle .title{ font-size: 0.75rem ; } .CustomShopCheckoutJs.login .checkoutLoginTitle .nav{ display: block; overflow-x: auto; white-space: nowrap; } .CustomShopCheckoutJs.login .checkoutLoginTitle .nav a{ color: #ffffff; } } .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 .showSubmit .submit { display: block !important; } .CustomShopCheckoutJs.overview{ padding: 0; } .CustomShopCheckoutJs.overview .part { padding: 0; } .CustomShopCheckoutJs.overview .overviewTitle, .CustomShopCheckoutJs #checkoutJsDataOverviewForm { box-sizing:border-box; width:86rem; max-width:100%; margin:0 auto; padding: 0 3rem; background:none; } .CustomShopCheckoutJs.overview .overviewTitle h1{ letter-spacing: 0; color: #000000; } .CustomShopCheckoutJs.overview .part .checkoutTitle{ text-align: left; font-size: 1.5rem; border: none; margin: 0; padding: 2rem 2.5rem 1.5rem; text-transform: none; background-color:#ffffff; } .CustomShopCheckoutJs.overview .checkoutJs_data_overviewForm { width: auto; background-color:#ffffff; padding: 0 2rem 2rem; } .noExpandButtons .CustomShopBasket.Checkout .wrapperButton { display: none; } .noExpandButtons .CustomShopBasket.Checkout .BasketList { display: table; } .CustomShopCheckoutJs.overview .submit { float: right; } .CustomShopCheckoutJs.overview .showSubmit .submit { display: block; visibility: visible; } .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs .closeButton, .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs .openButton { margin-right: 1rem; } .CustomShopCheckoutJs.overview #checkoutJsBasket{ margin-top: 0; } @media screen and (max-width: 1024px){ .CustomShopCheckoutJs.overview #checkoutJsDataOverviewForm, .CustomShopCheckoutJs.overview .overviewTitle { padding-left:2rem; padding-right:2rem; } } @media screen and (max-width: 845px){ .CustomShopCheckoutJs.overview #address_list_open { margin-top: 0; } } @media screen and (max-width: 768px) { .CustomShopCheckoutJs.overview .defaultButton{ margin: 0; } .CustomShopCheckoutJs.overview .overviewTitle .checkoutTitle{ font-size: 1.125rem; padding: 1.5rem 1.5rem 0; padding-bottom: 0; } .CustomShopCheckoutJs.overview .showSubmit .submit{ margin-bottom: 2rem; } .CustomShopCheckoutJs.overview .checkoutJs_data_overviewForm { padding: 2rem; } .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs .closeButton, .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs .openButton { margin-right: 0.5rem; } } @media screen and (max-width: 544px) { .CustomShopCheckoutJs.overview .overviewTitle, .CustomShopCheckoutJs.overview #checkoutJsDataOverviewForm{ padding-left: 0.5rem; padding-right: 0.5rem; } .CustomShopCheckoutJs .overviewTitle .checkoutTitle { text-align: center; } .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs .closeButton, .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs .openButton { margin-right: 0; } .CustomShopCheckoutJs.overview .checkoutJs_data_overviewForm { padding: 1.5rem; } .CustomShopCheckoutJs.overview .submit { float: none; } } .CustomShopCheckoutJs.Pay .checkoutJs_paypalexpress_confirmForm { box-sizing: border-box; margin: 0 auto; max-width: 100%; overflow: hidden; padding: 0 3rem 2.5rem; width: 86rem; } .CustomShopCheckoutJs.Pay .checkoutJs_paypalexpress_confirmForm .wrapperForm { background-color:#ffffff; overflow: hidden; padding: 0 2rem 1.5rem; } .CustomShopCheckoutJs.Pay .intro { box-sizing:border-box; padding:0 1rem; text-align:center; color: #ffffff; margin: 0 auto 2rem; width:82rem; max-width:100%; } .CustomShopCheckoutJs.Pay .intro h1 { margin-bottom:1rem; } .CustomShopCheckoutJs.Pay #checkoutJsBasket > a:not(#paypalexpress_confirm) { margin: 0 0 2rem 2rem; } .CustomShopCheckoutJs.Pay #checkoutJsBasket > a#paypalexpress_confirm { margin: 0 2rem 2rem 0; } @media screen and (max-width:1024px) { .CustomShopCheckoutJs.Pay .checkoutJs_paypalexpress_confirmForm { padding-left:2rem; padding-right:2rem; } } @media screen and (max-width:544px) { .CustomShopCheckoutJs.Pay .checkoutJs_paypalexpress_confirmForm { padding-left:0.5rem; padding-right:0.5rem; } .CustomShopCheckoutJs.Pay .checkoutJs_paypalexpress_confirmForm .wrapperForm { padding-left:1.5rem; padding-right:1.5rem; } .CustomShopCheckoutJs.Pay #checkoutJsBasket > a:not(#paypalexpress_confirm), .CustomShopCheckoutJs.Pay #checkoutJsBasket > a#paypalexpress_confirm { float:none; width:auto; margin:0 1rem 2rem; display:block; } } .CustomShopCheckoutJs{ box-sizing: border-box; margin: 0 0 2.5rem; max-width: 100%; overflow: hidden; padding: 0; } .CustomShopCheckoutJs li, .CustomShopCheckoutJs ol{ list-style-type: none; } .CustomShopCheckoutJs .part{ background: none; padding: 0; } .CustomShopOrder.orderTable, #checkoutJsBasket, #checkoutJsButtonWrapper { background: #ffffff; box-sizing: border-box; margin: 0 auto 2.5rem; max-width: 100%; overflow: hidden; padding: 0; width: 80rem; } #checkoutJsButtonWrapper{ padding: 0 2.5rem 2.5rem; } #checkoutJsBasket { margin-top: 2.5rem; } .Page.noBg .CustomShopCheckoutJs #checkoutJsBasket { background-color: #e6edfb; } .CustomShopCheckoutJs .CustomUserProfileJs { padding-bottom: 0; margin: 0 auto; } .CustomShopCheckoutJs h1.checkoutTitle{ font-size: 0.875rem; letter-spacing: 0.2rem; text-align: center; text-transform: uppercase; margin-bottom: 1.5rem; border: none; color: #ffffff; } .Page.noBg .CustomShopCheckoutJs h1.checkoutTitle{ color: #373737; } @media screen and (max-width:1376px) { #checkoutJsBasket, #checkoutJsButtonWrapper, .CustomShopCheckoutJs .part { width: auto; } #checkoutJsButtonWrapper, #checkoutJsBasket { margin: 0 3rem; } } @media screen and (max-width:1024px) { #checkoutJsButtonWrapper, #checkoutJsBasket{ margin: 0 2rem 2rem; } } @media screen and (max-width:544px) { #checkoutJsBasket, #checkoutJsButtonWrapper { margin: 0 0.5rem 0.5rem; } #checkoutJsButtonWrapper{ padding: 0 1.5rem 1.5rem; } #checkoutJsButtonWrapper .defaultButton{ width: 100%; margin: 0 auto; } } .CustomShopCheckoutJs .part::after { display: none; } .CustomUserProfilePaymentJs .BasicGraphic::before { content: ""; height: 100%; vertical-align: middle; display: inline-block; } .CustomUserProfilePaymentJs .BasicGraphic img { vertical-align: middle; display: inline-block; } .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 #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 #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 .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: #e0152b; } .CustomShopCheckoutSingleStep .CustomShopCheckoutSingleStepBasket input:not([name=productIdinBasketCheckout]){ display: block; width: 3rem; border-radius: 4px; margin-top: 0.2rem; border: 1px solid #cad7de; -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 #cad7de; 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 .buttonWrapper #singleStepCheckoutAddToBasket{ padding: 4px !important; } @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; } } .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; } .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: #e0152b; 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; } } .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; } .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; } } .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:#373737; } .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: #1EE0CA; 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; } .customerFilters { margin-bottom: 3rem; } .customerFilters .filtersWrapper { padding: 0 3rem; } .customerFilters.extended { padding-top: 2.25rem; padding-bottom: 2.25rem; background-color: #c2e0dd; } .customerFilters.extended label { font-size: 0.625rem; color: #1EE0CA; 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:#1EE0CA; 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:#373737; } .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:#1EE0CA; } .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:%231EE0CA;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:#1EE0CA; 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: #1EE0CA; 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:#1EE0CA; 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:#373737; } .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: #1EE0CA; 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:#1EE0CA; 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:#1EE0CA; } @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:#373737; } .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:#373737; 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:#f5f5f2; 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: #1EE0CA; 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:%231EE0CA;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); } .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:#1EE0CA; 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: #1EE0CA; border:none; } .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 .orderLine .col.openIcon { padding-top:0.4375rem; } .CustomShopOrder .reorder { display:none; float: right; margin-bottom: 1rem; } .CustomShopOrder .reorder .defaultButton { display:block; } .CustomShopOrder .totalAmountPayable { font-size: 1rem; font-family: "Lato-Bold"; } .CustomShopOrder .actionButton .roundIcon { margin-right: 1rem; float: left; margin-left: 0; } .CustomShopOrder .files .caption { padding-left: 3rem; display: block; line-height: 1.25em; padding-top: 0.75rem; } @media screen and (max-width:1024px) { .CustomShopOrder .files .caption { padding-top: 0.5rem; } } .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 .teaser .title{ font-family: Lato-Black; font-size: 1rem; margin-bottom: 0.5rem; } .CustomShopOrder .teaser .subtitle{ font-size: 0.75rem; color: #8a9491; margin-bottom: 0.5rem; } .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 { background-color: #ffffff; box-sizing: border-box; margin: 0 auto 2.5rem; max-width: 100%; overflow: hidden; padding: 2rem; width: 80rem; font-size: 0.75rem; } .Page.noBg .CustomShopOrder { padding-top: 0; padding-bottom: 0; } @media screen and (max-width:1376px) { .CustomShopOrder { margin-left: 3rem; margin-right: 3rem; max-width: 100%; width: auto; } } @media screen and (max-width:1024px) { .CustomShopOrder { margin-left: 2rem; margin-right: 2rem; } } @media screen and (max-width:544px) { .CustomShopOrder { margin-left: 0.5rem; margin-right: 0.5rem; padding: 1rem 0.5rem; } } .CustomShopPayment.part, .CustomShopPayment.message { overflow: hidden; padding: 2.5rem; margin:0 auto; width: 68rem; background: #ffffff; } .CustomShopPayment.part .defaultButton .CustomShopPayment.message .defaultButton { margin: 0.5rem 0.25rem; } .CustomShopPayment iframe { width:100%; height:38rem; } #paypalexpress_confirm { float:right; } .CustomShopPayment.message a{ text-decoration: underline; } .CustomShopPayment a.defaultButton{ text-decoration: none; } .CustomShopPayment.part h2{ margin-bottom: 1.5rem; } @media screen and (max-width: 1237px) { .CustomShopPayment.part, .CustomShopPayment.message { width: auto; margin-left:2rem; margin-right: 2rem; padding: 2rem; font-size: 0.875rem; } } @media screen and (max-width: 768px) { .CustomShopPayment.part h2{ margin-bottom: 1rem; } .CustomShopPayment.part h2, .CustomShopPayment.message h2{ font-size: 1.125rem; } } @media screen and (max-width: 544px) { .CustomShopPayment.part, .CustomShopPayment.message { margin-left:0.5rem; margin-right:0.5rem; padding: 1rem; font-size: 0.75rem; } } .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 .price { font-family: Lato-Bold; } .CustomPrice .vatText { color: #8a9491; font-size: 0.75rem; } .CustomPrice .b2c { display: block; } .CustomPrice .b2b { display: none; } .isVatExempt .CustomPrice .b2c { display: none; } .isVatExempt .CustomPrice .b2b { display: block; } .CustomShopVoucher .deleteButton { margin-left: 1rem; cursor: pointer; font-size: 1rem; vertical-align: middle; } .CustomShopBasket .CustomShopVoucher .BasketSummary.submit .caption { font-size: 1rem; } .CustomShopVoucher #voucherForm { width: 100%; } .CustomShopBasket .CustomShopVoucher .BasketSummary.submit .caption { padding: 1.25rem 1rem 0.25rem; line-height: 2.625rem; } .CustomShopBasket .CustomShopVoucher .BasketSummary.submit .value { position: relative; padding: 1.25rem 0.5rem 0.25rem 0.5rem; } @media screen and (max-width:768px) { .CustomShopBasket .CustomShopVoucher .BasketSummary.submit .caption { padding-left: 0; padding-right: 0; } } @media screen and (max-width:544px) { .CustomShopBasket .CustomShopVoucher .BasketSummary.submit .caption, .CustomShopBasket .CustomShopVoucher .BasketSummary.submit .value { width: 100%; padding-left: 0; padding-right: 0; } .CustomShopVoucher .BasketSummary.submit .caption { padding-top: 0.75rem; } .CustomShopVoucher .BasketSummary.submit .value { padding-top: 0.5rem; } } .CustomShopVoucher #voucherCode { background-color: #e0eff7; border-style: solid; border-width: 1px; border-color: #b4bfc6; border-radius: 0.1875rem; line-height: 2.5rem; padding: 0 3.25rem 0 0.75rem; width: 100%; box-sizing: border-box; font-size: 1rem; color: #8a9491; } .CustomShopVoucher #voucherCode::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #8a9491; } .CustomShopVoucher #voucherCode:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #8a9491; opacity: 1; } .CustomShopVoucher #voucherCode::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #8a9491; opacity: 1; } .CustomShopVoucher #voucherCode:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #8a9491; } .CustomShopVoucher #submitVoucherCode { position: absolute; top: 1.25rem; right: 0.5rem; width: 2.5rem; height: 2.625rem; background-color: #b4bfc6; color: #ffffff; font-size: 1.5rem; line-height: 2.4rem; text-align: center; border-radius: 0 0.1875rem 0.1875rem 0; } @media screen and (max-width:544px) { .CustomShopVoucher #submitVoucherCode { /* top: 0.5rem; */ right: 0; } } .CustomShopVoucher .voucherMessage { float: left; width: 100%; padding: 0 0.5rem 1rem 1rem; box-sizing: border-box; color: #b5153f; } @media screen and (max-width:768px) { .CustomShopVoucher .voucherMessage { padding-left: 0; } } @media screen and (max-width:544px) { .CustomShopVoucher .voucherMessage { padding-right: 0; } } .maintenanceLoader{ background-color: #cad7de; width: 100%; overflow: hidden; color: #373737; } .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: #cad7de; 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: #cad7de; 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; } } .CustomDesigner.teaser .bg_wrapper { background: #ffffff; overflow: hidden; } .Page.noBg .CustomDesigner.teaser .bg_wrapper { box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .CustomDesigner.teaser.withDetail .bg_wrapper { cursor: pointer; } .CustomDesigner.teaser .graphic { float: left; height:7.5rem; width:7.5rem; } .CustomDesigner.teaser .graphic img{ width: 100%; } .CustomDesigner.teaser .textWrapper { padding-left: 7.5rem; padding-right: 3.5rem; padding:1rem 1rem 0.25rem 7.5rem; position: relative; } .CustomDesigner.teaser.withDetail .textWrapper { padding-right:3.5rem; } .CustomDesigner.teaser .title { font-family: "Lato-Bold"; padding: 0 1.125rem 0.75rem; font-size: 1rem; line-height:1.5em; } .CustomDesigner.teaser .subtitle { padding: 0 1.125rem 0.75rem; line-height:1.5em; } .CustomDesigner.teaser .contact { padding: 0 1.125rem 0.75rem ; line-height:1.5em; } .CustomDesigner.teaser.withDetail .more { display: block ; background: #e0eff7; } .CustomDesigner.teaser .more { display: none; position: absolute; top: 50%; margin-top: -1.25rem; right: 1rem; } @media all and (max-width: 1024px) { .CustomDesigner.teaser { padding: 0 0.75rem; margin: 0 auto 0; font-size: 0.75rem; } .CustomDesigner.teaser { padding: 0 1.25rem 2.25rem; } .CustomDesigner.teaser .title { font-size:0.75rem; width: 20rem; } .CustomDesigner.teaser .more { margin-top: -1.25rem; right: 1rem; } } @media all and (max-width: 768px) { .CustomDesigner.teaser .graphic { width:auto; height:auto; } .CustomDesigner.teaser ul { padding-left: 0; } } @media all and (max-width: 544px) { .CustomDesigner.teaser .graphic img { width: 5.625rem } .CustomDesigner.teaser .textWrapper { padding-left: 5.625rem; padding-top: 0.75rem; } .CustomDesigner.teaser .title, .CustomDesigner.teaser .subtitle, .CustomDesigner.teaser .contact { padding-bottom:0.5rem; } } .CustomDesigner.teaserList { box-sizing: border-box; padding: 0 2rem 0; max-width: 86rem; margin: 0 auto; } .CustomDesigner.teaserList .teaser { box-sizing: border-box; padding: 0 1rem 2.5rem; width: 50%; display: inline-block; vertical-align: top; } .CustomDesigner.teaser:only-child { float: none; margin: 0 auto; width: 50%; display: block; } @media all and (max-width: 1024px) { .CustomDesigner.teaserList{ padding: 0 1rem; } } @media all and (max-width: 768px) { .CustomDesigner.teaserList{ padding: 0 2rem 1.75rem; } .CustomDesigner.teaserList .teaser{ width: 100%; padding: 0 0 0.75rem; } } @media all and (max-width: 544px) { .CustomDesigner.teaserList{ padding: 0 0.5rem 1.75rem; } } .CustomDesigner.detail{ max-width: 80rem; margin: 0 auto; } .CustomDesigner.detail .designerDetail{ background: #ffffff; } .CustomDesigner.detail .designerDetail .articleContent{ padding: 3rem; } .CustomDesigner.detail .designerDetail .left{ float: left; width: 24rem; } .CustomDesigner.detail .designerDetail .right{ padding-left: 26.5rem; } .CustomDesigner.detail .designerDetail .title{ margin-bottom: 1.5rem; } .CustomDesigner.detail .designerDetail .subtitle{ font-family: "Lato-Bold"; margin-bottom: 1.5rem; } .CustomDesigner.detail .designerDetail .content{ line-height: 1.5rem; } .CustomDesigner.detail .designerDetail .ListDownloadList .wrapper{ background: #e6edfb; } .CustomDesigner.detail .designerDetail .ListLinkList, .CustomDesigner.detail .designerDetail .ListDownloadList{ clear: both; margin: 0; padding: 0; } .CustomDesigner.detail .designerDetail .ListLinkList ul, .CustomDesigner.detail .designerDetail .ListDownloadList ul{ padding-left: 27.5rem; } .CustomDesigner.detail .designerDetail .ListLinkList .title, .CustomDesigner.detail .designerDetail .ListDownloadList .title{ padding-top: 1.25rem; padding-left: 1.75rem; } .CustomDesigner.detail .BasicGraphic::before{ display: none; } @media all and (max-width: 1024px) { .CustomDesigner.detail .designerDetail .left{ float: left; width: 20rem; } .CustomDesigner.detail .designerDetail .right{ padding-left: 22.5rem; } .CustomDesigner.detail .designerDetail .articleContent{ padding: 2rem; } .CustomDesigner.detail .designerDetail .ListLinkList ul, .CustomDesigner.detail .designerDetail .ListDownloadList ul{ padding-left: 22rem; } .CustomDesigner.detail .designerDetail .ListLinkList .text, .CustomDesigner.detail .designerDetail .ListDownloadList .text{ font-size: 0.75rem; padding-left: 3.0rem; } .CustomDesigner.detail .designerDetail .ListLinkList .wrapper, .CustomDesigner.detail .designerDetail .ListDownloadList .wrapper{ padding-left: 0.5rem; padding-right: 0.5rem; } .CustomDesigner.detail .designerDetail .ListLinkList .title, .CustomDesigner.detail .designerDetail .ListDownloadList .title{ padding-left: 1.5rem; } } @media all and (max-width: 768px) { .CustomDesigner.detail .designerDetail .left{ float: left; width: 12rem; } .CustomDesigner.detail .designerDetail .left .graphic, .CustomDesigner.detail .designerDetail .left .graphic::before, .CustomDesigner.detail .designerDetail .left img { display: block; } .CustomDesigner.detail .designerDetail .right{ padding-left: 14rem; } .CustomDesigner.detail .designerDetail .articleContent{ padding: 2rem; } .CustomDesigner.detail .designerDetail .ListLinkList ul, .CustomDesigner.detail .designerDetail .ListDownloadList ul{ padding: 1rem 0 ; } .CustomDesigner.detail .designerDetail .ListLinkList .title, .CustomDesigner.detail .designerDetail .ListDownloadList .title{ padding: 1rem 0 0; } .CustomDesigner.detail .designerDetail .ListLinkList .wrapper, .CustomDesigner.detail .designerDetail .ListDownloadList .wrapper{ padding-left: 2rem; padding-right: 2rem; } } @media all and (max-width: 544px) { .CustomDesigner.detail .designerDetail .articleContent { padding: 0.5rem; } .CustomDesigner.detail .designerDetail .left{ float: none; width: 100%; } .CustomDesigner.detail .designerDetail .right{ padding-left: 0; } .CustomDesigner.detail .designerDetail .ListLinkList .wrapper, .CustomDesigner.detail .designerDetail .ListDownloadList .wrapper{ padding-left: 0.5rem; padding-right: 0.5rem; } } .CustomNavigationPath { font-size:0.75rem; } .CustomNavigationPath .separator { padding: 0 0.25rem; } .Page.noBg .CustomNavigationPath .separator { color:#b5153f; } .CustomNews.teaserJs { box-sizing: border-box; padding: 0 1.25rem 2.5rem; width: 50%; display: flex; float: left; } .CustomNews.teaserJs .bgWrapper{ box-sizing: border-box; background: #e6edfb; overflow: hidden; position: relative; width: 100%; display: block; height: 13.625rem; } .CustomNews.teaserJs a{ width: 100%; height: 100%; } .CustomNews.teaserJs .imgWrapper{ width: 18.125rem; float: left; height:100%; } .CustomNews.teaserJs .imgWrapper img{ width: 100%; height:100%; } .CustomNews.teaserJs .right{ box-sizing: border-box; padding: 1.5rem 1.5rem 0; height: 11.75rem; overflow: hidden; } .CustomNews.teaserJs .title{ font-family:Lato-Bold; font-size: 1.25rem; line-height: 1.5rem; padding: 0 0 1rem; } .CustomNews.teaserJs .date { float:left; } .CustomNews.teaserJs .date + .BasicText > ul:first-child, .CustomNews.teaserJs .date + .BasicText > ol:first-child { clear:both; } .CustomNews.teaserJs .text{ line-height: 1.5rem; } .CustomNews .moreButton{ margin-right: 1.25rem; } @media all and (max-width: 1280px) { .CustomNews.teaserJs .bgWrapper{ height: 9.5rem; } .CustomNews.teaserJs .imgWrapper{ width: 13.25rem; } .CustomNews.teaserJs .title{ font-size: 1rem; line-height: 1.25rem; padding: 0 0 0.75rem; } .CustomNews.teaserJs .text{ line-height:1.25rem; } .CustomNews.teaserJs .right{ height: 8.5rem; font-size: 0.75rem; margin-bottom:1rem; padding-top:1.25rem; } } @media all and (max-width: 1024px) { .CustomNews.teaserJs .imgWrapper{ width: 13.25rem; float: left; } .CustomNews.teaserJs{ padding: 0 1rem 2rem; } .CustomNews .moreButton { margin-right: 0.5rem; } } @media all and (max-width: 928px) { .CustomNews.teaserJs{ width: 100%; float: none; height: auto; padding: 0 0 2rem; max-width: 40rem; margin: 0 auto; } .CustomNews .moreButton { margin: 0 auto; display: block; width: 100%; text-align: center; } } @media all and (max-width: 544px) { .CustomNews.teaserJs{ width: 100%; float: none; height: auto; padding: 0 0 2rem; } .CustomNews.teaserJs .right{ height: auto; width: 100%; } .CustomNews.teaserJs .bgWrapper{ height: auto; } .CustomNews.teaserJs .imgWrapper{ width: 100%; height:auto; } } .CustomNews.teaserList { box-sizing: border-box; margin: 0 auto 2.5rem; max-width: 86rem; padding: 0 1.75rem; overflow: hidden; clear: both; } @media all and (max-width: 1024px) { .CustomNews.teaserList { padding: 0 2rem; } } @media all and (max-width: 544px) { .CustomNews.teaserList { padding: 0 2rem; width: 100%; height: auto; } } .CustomNews.overview { box-sizing: border-box; margin: 0 auto 2.5rem; max-width: 86rem; padding: 0 1.75rem; overflow: hidden; } .CustomNews .overviewList { overflow: hidden; padding-bottom: 2.5rem; } @media all and (max-width: 1024px) { .CustomNews.overview { padding: 0 1rem; } .CustomNews .overviewList { padding-bottom: 0; } } @media all and (max-width: 768px) { .CustomNews.overview { padding: 0 2rem; } } .CustomNews .SetArticle.simple h1{ font-size: 1.5rem; } .CustomNewsletterRecipient { box-sizing: border-box; margin: 0 auto; max-width: 100%; overflow: hidden; padding: 0 3rem 2.5rem; width: 86rem; position: relative; } @media screen and (max-width:1024px) { .CustomNewsletterRecipient { padding-left: 2rem; padding-right: 2rem; } } @media screen and (max-width:544px) { .CustomNewsletterRecipient { padding-left: 0.5rem; padding-right: 0.5rem; } } .CustomNewsletterRecipient .bcWrapper { background-color: #ffffff; padding: 2.25rem 1.75rem 2.25rem 2.25rem; } @media screen and (max-width:768px) { .CustomNewsletterRecipient .bcWrapper { padding-right: 2.25rem; } } @media screen and (max-width:544px) { .CustomNewsletterRecipient .bcWrapper { padding-left: 1rem; padding-right: 1rem; } } @media screen and (max-width:768px) { .CustomNewsletterRecipient .formTitle { text-align: center; } } /************************* STEP 1 ******************************/ .CustomNewsletterRecipient.step1 .error { padding: 0 0.5rem; color: #b5153f; } /************************* STEP 2 ******************************/ .CustomNewsletterRecipient.step2 .wrapperForm { width: 100%; box-sizing: border-box; padding-left: 25.75rem; } @media screen and (max-width:952px) { .CustomNewsletterRecipient.step2 .wrapperForm { padding-left: 50%; } } @media screen and (max-width:768px) { .CustomNewsletterRecipient.step2 .wrapperForm { padding-left: 0; position: static; } } .CustomNewsletterRecipient.step2.submitted .wrapperForm { padding-left: 0; } @media all and (min-width: 769px) and (max-width: 1023px) { .CustomNewsletterRecipient.step2 .wrapper.medium { width: 100%; } .CustomNewsletterRecipient.step2 .wrapper.small { width: 50%; } } .CustomNewsletterRecipient.step2 .categories.chegroup { position: absolute; top: 0; left: 0; width: 25.75rem; padding-right: 1.75rem; } @media screen and (max-width:952px) { .CustomNewsletterRecipient.step2 .categories.chegroup { width: 50%; } } @media screen and (max-width:768px) { .CustomNewsletterRecipient.step2 .categories.chegroup { background-color: #ffffff; width: auto; margin-left: 2rem; margin-right: 2rem; padding: 2.25rem; } } @media screen and (max-width:544px) { .CustomNewsletterRecipient.step2 .categories.chegroup { margin-left: 0.5rem; margin-right: 0.5rem; padding-left: 1rem; padding-right: 1rem; } } .CustomNewsletterRecipient.step2 .categories.chegroup [data-type="chegroup"] { display: block; font-size: 1.5rem; margin-bottom: 2rem; } @media screen and (max-width:768px) { .CustomNewsletterRecipient.step2 .categories.chegroup [data-type="chegroup"] { text-align: center; } } .CustomNewsletterRecipient.step2 .categories.checkbox { padding-bottom: 1rem; border-bottom-width: 1px; margin-bottom: 0.75rem; } .CustomNewsletterRecipient.step2 .categoriesTitle { margin-bottom: 1rem; } .CustomNewsletterRecipient.step2 .categoriesInputWrapper { position: relative; } .CustomNewsletterRecipient.step2 .legals { float: left; clear: both; font-size: 0.75rem; line-height: 1.5em; padding: 0 0.5rem; } .CustomNewsletterRecipient.step2 .privacy { float: left; clear: both; font-size: 0.75rem; line-height: 1.5em; padding: 0 0.5rem; } .CustomSocialMedia.List { width: 100%; float: left; } .CustomSocialMedia.socialFeeds li { float: left; } .footer .CustomSocialMedia{ padding-top: 1rem; } .footer .CustomSocialMedia .title{ padding-top: 1rem; vertical-align: top; } .footer a.social{ font-size: 1.5rem; margin: 0 0 0 1.5rem; color:#ffffff; } .footer a.social .icon { line-height: 1.875rem; } .footer .CustomSocialMedia { float: right; } #overlay .CustomUserLogin{ width: 30rem; max-width:100%; padding: 2rem; text-align: center; box-sizing:border-box; } #overlay .CustomUserLogin.ui-widget-boxshadow{ padding: 1rem; } #overlay .CustomUserLogin.alreadyLoggedIn.ui-widget-boxshadow { padding: 7rem 1rem; } #overlay .CustomUserLogin .formTitle { margin-bottom: 2.5rem; font-size: 1.5rem; } .CustomUserLogin .formTitle { text-align: center; margin-bottom: 5rem; font-size: 1.875rem; } .CustomUserLogin label, .CustomUserLogin .validationMessage { display: none; } .CustomUserLogin .mandatory_field_desciption { display: none; } .CustomUserLogin .BasicForm .loginname { padding-bottom: 0; width: 100%; } .CustomUserLogin .BasicForm .loginname input { border-radius: 0.25rem 0.25rem 0 0; font-size: 1rem; border-bottom-width:0; } .CustomUserLogin .BasicForm .password { width: 100%; padding-bottom: 1.25rem; } .CustomUserLogin .BasicForm .password input { border-radius: 0 0 0.25rem 0.25rem; font-size: 1rem; } .CustomUserLogin .BasicForm .wrapper.submit, .CustomUserLogin .submit button { width: 100%; } .CustomUserLogin .formSubmitMessage { text-align: center; padding: 0 0.5rem; } .CustomUserLogin .BasicForm #submitMessage .roundIcon { background:#b5153f; border-radius: 100%; display: block; float: none; font-size: 5rem; height: 8rem; line-height: 9rem; margin: 2rem auto 0; position: static; width: 8rem; } .CustomUserLogin.alreadyLoggedIn { box-shadow:none; } @media screen and (max-width:768px){ #overlay .CustomUserLogin .BasicForm .wrapper.submit{ padding-left: 0; } #overlay .CustomUserLogin .formTitle { font-size: 1.5rem; } } @media screen and (max-width:544px) { #overlay .CustomUserLogin { padding: 2rem 0.5rem; } } .CustomUserProfile .error { color: #e0152b; } .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:#e0eff7; } .CustomUserProfileAddressJs .addressEntry .hint_on_request, .CustomUserProfileAddressJs .hint_new_address { color: #000000; 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; } .CustomUserProfileAddressJs { box-sizing: border-box; margin: 0 auto; max-width: 100%; overflow: hidden; padding: 0 3rem 2.5rem; width: 86rem; } .CustomUserProfileJs .title { margin: 0; padding: 0; } .CustomUserProfileAddressJs .closeButton, .CustomUserProfileAddressJs .openButton { margin-top: 2.5rem; margin-right: 1rem; } .CustomUserProfileJs .title .data, .CustomUserProfileJs .title .wrapperButton{ color: #000000; } .CustomUserProfileAddressJs .addressOverview, .CustomUserProfileAddressJs .editContent { background-color: #ffffff; overflow: hidden; padding: 0 1.5rem 1.5rem ; margin-bottom: 0; } .CustomUserProfileAddressJs #addressEditContent { margin-bottom:1rem; } .CustomUserProfileAddressJs .defaultButton{ margin: 0 1rem 1rem; } .CustomUserProfileAddressJs .wrapperAddress{ margin-top: 0; margin-bottom: 1.5rem; } .CustomUserProfileJs .wrapperButton{ margin: 0 1rem; } .CustomUserProfileAddressJs .wrapperForm{ margin: 0 0.5rem; } .CustomUserProfileAddressJs .wrapperAddress{ min-height: 20.5rem; overflow: hidden; max-width: none; } .CustomUserProfileAddressJs .wrapperButton{ margin: 0; } .CustomUserProfileJs .addressButtons .roundIcon{ margin-right: 0.5rem; } .CustomUserProfileAddressJs .title h3{ font-size: 1.5rem; text-align: left; color:#000000; margin: 2.5rem 0 2rem 1rem; } .CustomUserProfileAddressJs .BasicForm #submitMessage.error{ margin: 0.5rem ; padding: 0.5rem 2rem 0.5rem 0.5rem; line-height: 1rem; } .CustomUserProfileAddressJs .BasicForm #submitMessage.error .forceAddress { line-height: 2rem; margin-bottom: 0.5rem; margin-left: 1rem; float: right; clear: both; } .CustomUserProfileAddressJs .BasicForm #submitMessage.error .acceptPartialAddress { width: 100%; float: right; clear: both; } .CustomUserProfileAddressJs .BasicForm #submitMessage.error .acceptPartialAddress .info{ display: block; line-height: 1.2rem; font-size: 1rem; float: left; } .CustomUserProfileAddressJs .BasicForm #submitMessage.error .acceptPartialAddress .actionButton { margin-left: 1rem; } .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs .title { padding: 0; margin-top: 0; margin-bottom: 1rem; } .CustomUserProfileAddressJs .addressEntry h4{ font-family: "Lato-Bold"; font-size: 1rem; } .CustomUserProfileAddressJs.suggestion .message{ line-height: 1.3rem;; } .CustomUserProfileAddressJs.suggestion .actionButton { padding: 0; display: inline-block; line-height: 2rem; } @media screen and (max-width: 1024px) { .CustomUserProfileAddressJs { padding-left: 2rem; padding-right: 2rem; } .CustomUserProfileAddressJs .addressEntry{ width: 50%; } .CustomUserProfileAddressJs .addressEntry h4{ font-size: 0.875rem; } } @media screen and (max-width: 768px) { .CustomUserProfileAddressJs .defaultButton{ margin: 0.5rem; } .CustomUserProfileAddressJs .BasicForm #submitMessage.error{ margin-left: 0; margin-right: 0; } .CustomUserProfileAddressJs .wrapperAddress{ min-height: 15.5rem; margin: 0 1rem 0.5rem 0.5rem; padding: 0.5rem; font-size: 0.75rem; } .CustomUserProfileAddressJs .addAdress.wrapperAddress { margin-bottom: 0; } .CustomUserProfileAddressJs .title h3{ font-size: 1.25rem; margin: 1.5rem 0 1.5rem 0.5rem; } .CustomUserProfileAddressJs .closeButton, .CustomUserProfileAddressJs .openButton { margin-right: 0.5rem; margin-top: 1rem; } .CustomUserProfileAddressJs.suggestion .message{ font-size: 0.875rem; } .CustomUserProfileAddressJs .BasicForm #submitMessage.error .message{ margin-bottom: 1rem; } .CustomUserProfileAddressJs .BasicForm #submitMessage.error .acceptPartialAddress .info{ margin-bottom: 1.5rem; } } @media screen and (max-width: 544px) { .CustomUserProfileAddressJs .BasicForm #submitMessage.error .forceAddress { line-height: 1rem; width: 10rem; } .CustomUserProfileAddressJs .BasicForm #submitMessage.error .actionButton .message{ width: 100%; } .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs .title { padding: 0; margin-top: 1rem; margin-bottom: 0.5rem; } .CustomUserProfileAddressJs .addressEntry{ width: 100%; float: none; line-height: 1.3rem; } .CustomUserProfileAddressJs { padding-left: 0.5rem; padding-right: 0.5rem; } .CustomUserProfileAddressJs .title h3{ margin: 1.5rem 0 1.5rem 0; } .CustomUserProfileAddressJs .wrapperForm { margin:0; } .CustomUserProfileAddressJs .wrapperAddress { margin: 0 0 1.5rem; min-height: 5rem; } .CustomUserProfileAddressJs .addAddress { margin-bottom: 0; } .CustomUserProfileAddressJs .defaultButton { margin:0; } .CustomUserProfileAddressJs .closeButton, .CustomUserProfileAddressJs .openButton { margin-right: 0; margin-top: 1.4rem; } .CustomUserProfileJs .wrapperAddress .stateButton{ margin-right: 0.5rem; } .CustomUserProfileJs .addAddress .icon { height: 8rem; line-height: 7rem; } .CustomUserProfileAddressJs .editContent { } .CustomShopCheckoutJs.overview .editContent { margin-bottom: 0; } } .CustomShopCheckoutJs .CustomUserProfileJs .addAddress .icon { color: #000000; } @media screen and (max-width: 371px){ .CustomUserProfileAddressJs .closeButton, .CustomUserProfileAddressJs .openButton { margin-bottom: 1rem; } } .userProfile_address_add_editForm label { display: none; } .userProfile_address_add_editForm label.visible { display: inherit; } .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 { width: 100%; box-sizing: border-box; background: none; border: none; margin: 1rem; padding: 0.5rem; } .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 .caption { position: relative; background-color: #f5f5f2; 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: #373737; } .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{ box-sizing: border-box; margin: 0 auto; max-width: 100%; overflow: hidden; padding: 0 3rem 2.5rem; width: 86rem; } .CustomUserProfilePaymentJs .title, .CustomUserProfilePaymentJs .editContent{ overflow: hidden; background-color: #ffffff; margin-bottom: 0; } .CustomUserProfilePaymentJs .descriptionBox { background: #e0eff7; margin: 2.5rem; font-size: 0.875rem; padding: 1.5rem; } .CustomUserProfilePaymentJs .descriptionBox h2{ font-size: 1.25rem; } .CustomUserProfilePaymentJs .paymentOverview{ padding: 0 1rem; } .CustomUserProfilePaymentJs .openButton, .CustomUserProfilePaymentJs .closeButton { margin: 0.5rem 0 ; } .CustomUserProfilePaymentJs .title{ padding: 2rem 2.5rem; } .CustomUserProfilePaymentJs .title h3{ font-size: 1.5em; } .CustomUserProfileJs .wrapperButton{ margin: 0; } .CustomUserProfilePaymentJs .wrapperPayment .data { display: inline-block; float: none; } .CustomUserProfilePaymentJs .wrapperPayment .data .BasicGraphic { float: none; display: inline-block; margin: 0 1rem; } @media screen and (max-width: 1024px) { .CustomUserProfilePaymentJs { padding-left: 2rem; padding-right: 2rem; } } @media screen and (min-width: 864px) { .CustomUserProfilePaymentJs .wrapperPaymentMethod { padding: 0.5rem 2.5rem; } } @media screen and (max-width:768px) { .CustomUserProfilePaymentJs .title{ padding: 1.5rem 2rem; } .CustomUserProfilePaymentJs .title h3{ font-size: 1.125rem; } .CustomUserProfilePaymentJs .wrapperPaymentMethod{ padding: 0.5rem 2rem; } .CustomUserProfilePaymentJs .descriptionBox { margin: 2rem 1.5rem; } .CustomUserProfilePaymentJs .wrapperButton .info { display: none; } } @media screen and (min-width: 698px) { .CustomUserProfilePaymentJs .wrapperPaymentMethod { padding: 0 2.5rem 1rem 2.5rem ; width: 50%; float: left; } } @media screen and (max-width:544px) { .CustomUserProfilePaymentJs { padding-left: 0.5rem; padding-right: 0.5rem; } .CustomUserProfilePaymentJs .paymentOverview{ margin: 0; padding-left: 0; } .CustomUserProfilePaymentJs .wrapperButton{ position: absolute; right: 2rem; } .CustomUserProfilePaymentJs .wrapperPayment{ margin: 1rem 0; } .CustomUserProfilePaymentJs .wrapperPaymentMethod { padding: 0.5rem 2rem 1rem 1.5rem; } .CustomUserProfilePaymentJs .openButton, .CustomUserProfilePaymentJs .closeButton { margin-top: 0 ; } .CustomUserProfilePaymentJs .title{ padding: 1.5rem; } .CustomUserProfilePaymentJs .title h3{ font-size: 1.125rem; } .CustomUserProfilePaymentJs .descriptionBox { margin: 1rem 0; font-size: 0.75rem; } } .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; } .CustomUserProfileJs .addressButtons label{ float: left; } .CustomUserProfileJs .title{ border: none; } .CustomUserProfileJs .title h3{ font-family: "Lato-Bold"; color: #000000; } .CustomUserProfileProperty .historyWrapper { max-height: 320px; margin-bottom: 32px; font-size: 12px; } .CustomUserProfileProperty .historyWrapper .entry { padding: 8px; } #overlay .CustomUserProfile.register { width: 30rem; max-width:100%; padding: 2rem; text-align: center; box-sizing:border-box; } #overlay .CustomUserLogin.ui-widget-boxshadow{ padding: 1rem; } #overlay .CustomUserProfile.register .BasicForm .submit{ padding-left: 0.5rem; width: 100%; } #overlay .CustomUserProfile.register .BasicForm .submit button{ width: 100%; } @media screen and (max-width:768px){ #overlay .CustomUserProfile.register .BasicForm .submit{ padding-left: 0rem; } } @media screen and (max-width:544px) { .CustomUserProfileJs .title h3{ font-size: 1.125rem; } #overlay .CustomUserProfile.register { padding: 2rem 0.5rem } } #userResetPasswordMessage { color: #ff0000; font-size: 1em; text-align: center; } .CustomUserResetPassword .userRequestPasswordForm .mandatory_field_desciption, .CustomUserResetPassword .userEnterPasswordForm .mandatory_field_desciption { display: none; } .BasicSpacerContentLoader .CustomUserResetPassword .BasicForm .formSubmitMessage .submit_message { padding: 0 0.5rem 2rem; } .CustomUserResetPassword { width: 30rem; max-width:100%; padding: 2rem; box-sizing:border-box; text-align: center; } .CustomUserResetPassword .formTitle { text-align: center; margin-bottom: 5rem; } .CustomUserResetPassword .BasicForm .email input { border-radius:0.25rem; font-size: 1rem; } .CustomUserResetPassword .BasicForm .wrapper.submit, .CustomUserResetPassword .submit button { width: 100%; } .CustomUserResetPassword .formSubmitMessage { text-align: center; padding: 0 0.5rem; } .Page [data-role="content"] .CustomUserResetPassword { padding:2rem; background-color:#ffffff; margin:0 auto; } .CustomUserResetPassword .BasicForm #submitMessage .roundIcon { position:static; margin:2rem auto 0; } #overlay .CustomUserResetPassword{ padding-left: 1.5rem; } #overlay .CustomUserResetPassword .BasicForm .submit{ padding-left: 0.5rem; } #overlay .CustomUserResetPassword .formTitle { margin-bottom: 2.5rem; } @media screen and (max-width:768px) { #overlay .CustomUserResetPassword .BasicForm .submit{ padding-left: 0; } } @media screen and (max-width:544px) { #overlay .CustomUserResetPassword { padding: 2rem 0.5rem; } } .CustomShopBasket.WishList { box-sizing: border-box; margin: 0 auto 1rem; max-width: 100%; padding : 0 2rem; overflow: hidden; clear: both; } .CustomShopBasket.WishList .wishlistWrapper .caption{ overflow: hidden; padding: 0 1rem 0.5rem; font-size: 0.75rem; } .CustomShopBasket.WishList .col{ float: left; } .CustomShopBasket.WishList .col.title{ width: 70%; } .CustomShopBasket.WishList .col.price{ width: 15%; font-family: Lato-Regular; text-align: right; font-size: 0.75rem; } .CustomShopBasket.WishList .col.actions{ width: 15%; text-align: right; } .CustomShopBasket.WishList .col.actions .action{ float: right; margin-bottom: 0.5rem; } .CustomShopBasket.WishList .col.actions .roundIcon { margin-left: 1rem; margin-right: 0; } .CustomShopBasket.WishList .BasicForm #submitMessage { text-align: center; font-family: Lato-Black; padding: 1.5rem 0 0 0; } .CustomShopBasket.WishList .actionButtons{ float: right; } .CustomShopBasket.WishList .infoText{ float: left; width: 50%; font-size: 0.75rem; line-height: 1.125rem; margin-bottom: 1.5rem; } .CustomShopBasket.WishList .checkoutButtons{ width: 50%; float: left; } .CustomShopBasket.WishList .defaultButton { float: right; clear: both; margin-bottom: 1.5rem; } .WishList .empty .wrapper{ margin-bottom: 1.5rem; } .WishList .BasketEntry.empty { padding: 1.5rem 1.5rem 1rem; margin: 0; } .WishList .BasketEntry.empty .defaultButton{ margin-bottom: 0; } .CustomShopBasket.WishList .product_requestForm, .CustomShopBasket.WishList .send_wishlistForm { display: none; position: relative; } .CustomShopBasket.productRequest .product_requestForm, .CustomShopBasket.sendWishlist .send_wishlistForm{ display: block; } .CustomShopBasket.WishList .BasicForm .formTitle, .CustomShopBasket.WishList .BasicForm h1{ position: absolute; left: 0; } .CustomShopBasket.WishList .BasicForm .wrapperForm form { float: right; overflow: hidden; width: 70%; } .CustomShopBasket.WishList .BasicForm .wrapperForm { border-bottom: 1px solid #cad7de; border-top: 1px solid #cad7de; margin: 0 0 2.5rem; padding-top: 1.5rem; overflow: hidden; } .CustomShopBasket.WishList .BasicForm texarea{ height: 12rem; } .CustomShopBasket.WishList .cStateRed{ display: none; } @media screen and (max-width: 768px) { .CustomShopBasket.WishList{ padding: 0 1rem; } .CustomShopBasket.WishList .BasketEntry:last-child:not(.empty){ border-bottom: 1px solid #cad7de; margin-bottom: 1.5rem; } .CustomShopBasket.WishList .caption .col{ display: none; } .CustomShopBasket.WishList .col{ float: none; width: 100%; } .CustomShopBasket.WishList .col.actions{ width: auto; float: right; } .CustomShopBasket.WishList .BasketEntry{ height: auto; padding: 1rem 0; } .WishList .BasketEntry.empty{ padding: 1rem 0.5rem; } .CustomShopBasket.WishList .BasketEntry .subtitle{ margin-bottom: 0.5rem; padding-right: 1rem; } .CustomShopBasket.WishList .BasketEntry .title{ font-size: 0.875rem; } .CustomShopBasket.WishList .BasketEntry .text{ padding-left: 6rem; float: left; } .CustomShopBasket.WishList .BasketEntry .price{ font-size: 0.75rem; padding-left: 6rem; width: auto; float: left; clear: both; margin-bottom: 0.5rem; text-align: left; box-sizing: border-box; } .CustomShopBasket.WishList .BasketEntry .graphic{ width: 5rem; height: 5rem; float: left; position: absolute; } .CustomShopBasket.WishList .infoText{ float: left; box-sizing: border-box; text-align: left; width: 50%; padding: 0 1rem 1.5rem 0; } .CustomShopBasket.WishList .BasicForm .wrapperForm { border-top: none; } .CustomShopBasket.WishList .BasicForm .formTitle, .CustomShopBasket.WishList .BasicForm h1{ position: relative; } .CustomShopBasket.WishList .BasicForm .wrapperForm form { position: relative; width: 100%; } .CustomShopBasket.WishList .mandatory_field_desciption{ clear: both; } } @media screen and (max-width:544px) { .CustomShopBasket.WishList .col.title{ width: 100%; } .CustomShopBasket.WishList .checkoutButtons{ text-align: center; width: 100%; } .CustomShopBasket.WishList .defaultButton { float: none; clear: both; margin: 0 1rem 1.5rem; } .CustomShopBasket.WishList .infoText{ padding: 0; position: relative; margin-bottom: 1.5rem; line-height: 1.125rem; width: 100%; } } .BasketEntry { box-sizing: border-box; border-top:1px solid #cad7de; padding: 1.5rem 0.75rem 1.5rem 0; width: 100%; clear: both; overflow: hidden; } .BasketEntry.caption{ float: left; font-size: 0.75rem; padding: 1rem 1.5rem 0.75rem; border-top: none; } .BasketEntry.empty{ text-align: center; padding: 1.5rem 0; min-width: 30rem; } .BasketEntry.empty a{ float: none; width: 15rem; margin: 0 auto; } .BasketEntry.empty .textWrapper{ margin-bottom: 1.5rem; } .BasketEntry.empty .defaultButton{ margin: 0 auto 1rem; float: none; } .BasketEntry .ProductTeaser{ width: 61%; float: left; } .BasketEntry a{ width: 100%; display: block; } .BasketEntry .text{ box-sizing: border-box; padding-left: 9rem; min-height: 5rem } .BasketEntry .title{ font-family: Lato-Black; font-size: 1rem; margin-bottom: 0.5rem; } .BasketEntry .subtitle{ font-size: 0.75rem; color: #8a9491; margin-bottom:0.5rem; } .BasketEntry .personInfos{ font-size: 0.75rem; } .BasketEntry .graphic{ width: 8rem; float: left; padding-right: 1rem; overflow: hidden; } .BasketEntry .graphic img{ max-height: none; } .BasketEntry .single_price, .BasketEntry .amount, .BasketEntry .amount, .BasketEntry .sum_price { float: left; width: 8%; } .BasketEntry .actions { float: left; width:15%; } .BasketEntry .sum_price { text-align: right; font-family: "Lato-Bold"; } .BasketEntry .amount{ text-align: center; } .BasketEntry .amount input{ box-sizing: border-box; border: 1px solid #cad7de; color: #8a9491; height: 2rem; width: 2.5rem; padding: 0.5rem; text-align: center; } .BasketEntry .action{ display: inline-block; float: left; } .BasketEntry .availability{ display: none; } .BasketEntry .action.add_to_wishlist{ padding-right: 1rem; } .BasketEntry .mobileMetaInfos{ display: none; } .BasketEntry .on_request{ font-size: 0.75rem; line-height: 1rem; text-align: center; color: #8a9491; } .BasketEntry .on_request .icon{ padding: 0 0.5rem; font-size: 1rem; } @media all and (max-width: 768px) { .BasketEntry.empty{ min-width: 15rem; } .BasketEntry .title{ font-size: 0.875rem; } .BasketEntry .text{ min-height: none; padding-left: 6rem; margin-bottom: 0; } .BasketEntry .mobileMetaInfos{ display: block; float: left; margin-bottom: 0.5rem; } .BasketEntry .bottom{ clear: both; float: left; width: 100%; } .BasketEntry .price{ font-size: 0.75rem; padding-left: 6rem; width: 100%; float: left; clear: both; margin-bottom: 1rem; text-align: left; } .BasketEntry .graphic{ width: 5rem; height: 5rem; float: left; position: absolute; } .BasketEntry .productTitle { padding-left: 6rem; } .BasketEntry .actions{ width: 6rem; } .BasketEntry .action{ padding-right: 1rem; } .BasketEntry .single_price{ width: auto; } .BasketEntry .mobileMetaInfos{ width: 100%; } .BasketEntry .mobileMetaInfos .single_price{ padding-right: 1rem; float: none; } .BasketEntry .sum_price{ width: auto; float: right; } .BasketEntry .bottom .single_price{ display: none; } } .CustomShopBasket.Basket{ padding: 0 2.5rem; } .CustomShopBasket.Basket .BasketSummary { clear: both; width: 100%; border-top: 1px solid #cad7de; overflow: hidden; } .CustomShopBasket.Basket .BasketSummary.separatorBottom{ border-top: none; } .CustomShopBasket.Basket .BasketSummary .caption{ box-sizing: border-box; padding: 0.5rem 1rem; width: 50%; float: left; font-size: 0.6875rem; } .CustomShopBasket.Basket .BasketSummary .value{ box-sizing: border-box; text-align: right; width: 50%; padding: 0.5rem; float: left; } .CustomShopBasket.Basket .end_price { margin: 1.5rem 0 0; overflow: hidden; } .CustomShopBasket.Basket .tax .value, .CustomShopBasket.Basket .total_price .value { font-size: 0.875rem; } .CustomShopBasket.Basket .end_price .caption, .CustomShopBasket.Basket .end_price .value { font-size: 1rem; font-family: "Lato-Bold"; } .CustomShopBasket.Basket .defaultButton { float: right; margin: 0 0 2.5rem 1.25rem; } .CustomShopBasket .infoText { box-sizing: border-box; width: 50%; padding: 0; line-height: 1.125rem; font-size: 0.75rem; margin: 2.5rem 0 1.5rem; } .CustomShopBasket .infoText a{ color: #b5153f; } .CustomShopBasket.Basket .BasketEntry.empty .defaultButton{ margin: 0 auto 1rem; float: none; } .BasketSummary .total_price span { font-family: "Lato-Bold"; line-height: 2em; } @media screen and (max-width: 928px) { #checkoutJsBasket .CustomShopBasket .BasketEntry .ProductTeaser{ width: inherit; } } @media screen and (max-width: 768px) { .CustomShopBasket.Basket h1.title{ font-size: 1.1.25rem; } .CustomShopBasket.Basket .BasicForm .wrapperForm { border-top: none; } .CustomShopBasket.Basket{ padding: 0 2rem 0; } .CustomShopBasket.Basket .caption .col{ display: none; } .CustomShopBasket.Basket .caption .actions{ display: none; } .CustomShopBasket.Basket .caption .single_price, .CustomShopBasket.Basket .caption .sum_price, .CustomShopBasket.Basket .caption .amount{ display: none; } .CustomShopBasket.Basket .col{ float: none; width: 100%; } .CustomShopBasket.Basket .BasketEntry .col.title{ width: 100%; } .CustomShopBasket.Basket .BasketEntry{ height: auto; padding: 1rem 0; } .CustomShopBasket.Basket .checkout{ margin: 0; } .CustomShopBasket.Basket .wishlistWrapper{ border-bottom: 1px solid #cad7de; } .CustomShopBasket.Basket .col.actions{ clear: both; width: 100%; float: none; text-align: left; } .CustomShopBasket.Basket .BasketSummary .caption{ padding-left: 0; padding-right: 0; } .CustomShopBasket.Basket .checkout{ float: right; } .CustomShopBasket.Basket .end_price .caption, .CustomShopBasket.Basket .end_price .value { font-size: 1rem; } .CustomShopBasket.Basket .amount{ width: auto; } } @media screen and (max-width: 544px) { .CustomShopBasket.Basket{ padding-left: 1.5rem; padding-right: 1.5rem; } .CustomShopBasket.Basket .checkoutButtons{ text-align: center; } .CustomShopBasket.Basket .checkout{ width: 100%; text-align: center; } .CustomShopBasket.Basket .infoText { box-sizing: border-box; text-align: center; position: relative; font-size: 0.75rem; width: 100%; padding: 0; overflow: hidden; } .CustomShopBasket.Basket .defaultButton { float: none; clear: both; margin: 0 1rem 1.5rem; } } @media screen and (max-width:824px) { .CustomShopOrder .Basket .mobileMetaInfos { display: block; } .CustomShopOrder .productTable td.actions, .CustomShopOrder .productTable td.single_price, .CustomShopOrder .productTable td.amount, .CustomShopOrder .productTable td.sum_price, .CustomShopOrder .productTable td.availability { display: none; } .CustomShopOrder .productTable .ProductTeaser { width: 100%; } .CustomShopOrder .productTable .BasketEntry > td { padding: 0.5rem 0; } .CustomShopOrder .productTable .BasketEntry .BasicGraphic { padding-right: 0.5rem; max-width: 8rem; } } @media screen and (max-width:698px) { .CustomShopOrder .productTable .widgetHeaderSeparator .title { padding: 1rem 0; } } @media screen and (max-width:544px) { .CustomShopOrder .productTable .ProductTeaser .text { padding-right: 0; } .CustomShopOrder .productTable .BasketSetPart > .graphic { position: static; } .CustomShopOrder .productTable .BasketSetPart .text { padding-left: 0; } .CustomShopOrder .productTable .CustomShopVoucher .title { text-align: left; margin-bottom: 0; margin-right: 0; } .CustomShopOrder .productTable .CustomShopVoucher form { clear: both; width: 100%; } } .CustomShopBasket.Checkout h1 { font-family: "Lato-Bold"; font-size: 1.5rem; margin: 2.5rem 0; } .CustomShopBasket.Checkout .borderTop { border-top-width: 1px; border-top-color: #b5153f; margin-bottom: 1.5rem; } .CustomShopBasket.Checkout .borderBottom { border-bottom-width: 1px; border-bottom-color: #cad7de; } .CustomShopBasket.Checkout .wrapperButton { float: right; } .CustomShopBasket.Checkout .openBasket { float: right; } .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 [class^="ss-"] { color: #ffffff; } .CustomShopBasket.Checkout .BasketList { display: none; width: 100%; } .CustomShopBasket.Checkout.open .BasketList { display: table; } .CustomShopBasket.Checkout .info, .CustomShopBasket.Checkout .checkoutButtons { margin-top:3rem; } .CustomShopBasket.Checkout .BasketList td{ float: none; } .CustomShopBasket.Checkout .BasketList .legend td{ padding: 2rem 0; overflow: hidden; font-size: 0.75rem; } .CustomShopBasket.Checkout .BasketList .BasketEntry td{ padding: 1rem 0; } .CustomShopBasket.Checkout .BasketList .legend .productGraphic, .CustomShopBasket.Checkout .BasketList .legend .productTitle{ float: left; } .CustomShopBasket.Checkout .BasketList .legend .productGraphic{ width: 9rem; } .CustomShopBasket.Checkout .BasketList .availabilityWrapper{ display: none; } .CustomShopBasket.Checkout .BasketSummary { padding: 0.5rem 0; border: none; font-size: 0.75rem; box-sizing: border-box; } .CustomShopBasket.Checkout .BasketEntry .ProductTeaser{ width: 76%; } .CustomShopBasket.Checkout .BasketSummary.borderTop{ border-top: 1px solid #cad7de; } .CustomShopBasket.Checkout .BasketSummary span { float: right; margin-left: 0.5rem; font-family: "Lato-Regular"; font-size: 0.875rem; } .CustomShopBasket.Checkout .BasketSummary.borderTop span{ font-size: 1rem; font-family: "Lato-Bold"; } @media screen and (max-width: 1024px) { .CustomShopBasket.Checkout td.single_price, .CustomShopBasket.Checkout td.amount, .CustomShopBasket.Checkout td.sum_price { display:none; } .CustomShopBasket.Checkout .BasketEntry .ProductTeaser { width:100%; } .CustomShopBasket.Checkout .BasketEntry .mobileMetaInfos { display: block; } .CustomShopBasket.Checkout .BasketEntry .mobileMetaInfos .single_price { float:left; width:auto; } .CustomShopBasket.Checkout .BasketEntry .mobileMetaInfos .amount { float:left; width:auto; clear:both; } .CustomShopBasket.Checkout .BasketEntry .mobileMetaInfos .sum_price { float:right; width:auto; } } @media screen and (max-width: 928px) { .CustomShopBasket.Checkout .BasketEntry .ProductTeaser{ width: inherit; } } @media screen and (max-width: 768px) { .CustomShopBasket.Checkout h1 { font-size: 1.125rem; margin: 1.5rem 0; } .CustomShopBasket.Checkout .BasketList td.sum_price{ display: none; } .CustomShopBasket.Checkout .BasketEntry .ProductTeaser{ width: 50%; } } @media screen and (max-width: 544px) { .CustomShopBasket.Checkout .BasketList .legend .productGraphic{ width: 0; } .CustomShopBasket.Checkout .infoText{ width: 100%; text-align: center; } } .CustomShopBasket.personaliseOverlay { padding: 0.5rem; } .CustomShopBasket.personaliseOverlay .wrapperAddTo{ padding: 1rem ; } .CustomShopBasket.personaliseOverlay h2{ padding-bottom: 1rem; } .CustomShopBasket.personaliseOverlay .left { float: left; width: 70%; padding-bottom: 1.5rem; } .CustomShopBasket.personaliseOverlay .left form{ min-height: 20rem; } .CustomShopBasket.personaliseOverlay .right{ box-sizing: border-box; width: 30%; float: left; padding: 4rem 0.5rem 0 1rem;; } .CustomShopBasket.personaliseOverlay .on_request, .CustomShopBasket.personaliseOverlay .goToCheckout, .CustomShopBasket.personaliseOverlay .successMessage { display: none; } .CustomShopBasket.personaliseOverlay .successMessage .half{ padding: 2rem; box-sizing: border-box; width: 50%; float: left; } .CustomShopBasket.personaliseOverlay .half .defaultButton { margin: 1rem 0 0; display: inline-block; } .CustomShopBasket.personaliseOverlay .dropDown{ min-width: 5rem; } .CustomShopBasket.personaliseOverlay .formSubmitMessage{ display: none; height: 0; } @media screen and (max-width:768px) { .CustomShopBasket.personaliseOverlay{ padding: 1.5rem 1rem; } .CustomShopBasket.personaliseOverlay .wrapperAddTo{ padding: 0.25rem; } .CustomShopBasket.personaliseOverlay .left, .CustomShopBasket.personaliseOverlay .right { width: 100%; margin-bottom: 1.5rem; padding: 0; } .CustomShopBasket.personaliseOverlay .successMessage .half{ width: 100%; float: none; padding: 0.5rem 0.5rem 0; margin-bottom: 0.5rem; } .CustomShopBasket.personaliseOverlay h1, .CustomShopBasket.personaliseOverlay h2{ font-size: 1.25rem; line-height: 1.5rem; padding-bottom: 0; margin-bottom: 1rem; } .CustomShopBasket.personaliseOverlay h2{ margin-bottom: 0.5rem; } .CustomShopBasket.personaliseOverlay .successMessage{ font-size: 0.875rem; } } @media screen and (max-width:544px) { .CustomShopBasket.personaliseOverlay{ padding: 0.5rem; } .CustomShopBasket.personaliseOverlay .defaultButton { width: 100%; margin-bottom: 0; } .CustomShopBasket.personaliseOverlay .successMessage{ font-size: 0.75rem; } } .WishListPageContentWrapper.CustomShopBasket.WishList { width: 86rem; padding: 0 3rem; } @media screen and (max-width:1024px) { .WishListPageContentWrapper.CustomShopBasket.WishList { padding-left: 2rem; padding-right: 2rem; } } @media screen and (max-width:544px) { .WishListPageContentWrapper.CustomShopBasket.WishList { padding-left: 0.5rem; padding-right: 0.5rem; } } .WishListPageContentWrapper .WishListPageContent { background-color: #ffffff; overflow: hidden; padding: 0 2rem 2.5rem; } .WishListPageContentWrapper .panelTitle { text-align: center; font-size: 1.875rem; padding: 2rem; line-height: 1.25em; } @media screen and (max-width:1024px) { .WishListPageContentWrapper .panelTitle { font-size: 1.375rem; padding: 1rem; } } .WishListPageContentWrapper .panelTitle .subtitle { font-size: 1rem; } .WishListPageContentWrapper .checkoutButtons .actions { overflow: hidden; } .CustomManufacturer.teaserList { box-sizing: border-box; margin: 0 auto 2.5rem; max-width: 86rem; padding: 0 3rem; } .CustomManufacturer.teaserList .bgWrapper { background: #ffffff; overflow: hidden; padding: 2.5rem 0 1.5rem; } .Page.noBg .CustomManufacturer.teaserList .bgWrapper { padding-top:0; } .CustomManufacturer.teaserList .wrapper { overflow: hidden; background: #ffffff; padding: 0 0 1rem 0; } .CustomManufacturer.teaserList .tagTitle { box-sizing: border-box; float: left; width:13rem; text-align: right; font-family: Lato-Regular; color: #8a9491; min-height: 5rem; padding: 1rem 0 0 2rem; } .CustomManufacturer.teaserList .manufacturerList { padding-left: 14.5rem; padding-right:1rem; } .CustomManufacturer.teaserList .manufacturerList .teaser { display: inline-block; vertical-align:middle; width:20%; } .CustomManufacturer.teaserList .manufacturerList .logo { width: 13.75rem; max-width:100%; text-align: center; vertical-align:middle; display: inline-block; height: 4rem; margin-bottom: 1rem; padding:0 1rem; } .CustomManufacturer.teaserList .manufacturerList .logo img { display: inline-block; vertical-align: middle; max-height: 100%; max-width:100%; } @media all and (max-width: 1200px) { .CustomManufacturer.teaserList .manufacturerList .teaser { width:25%; } } @media all and (max-width: 1024px) { .CustomManufacturer.teaserList { padding-left: 2rem; padding-right: 2rem; } .CustomManufacturer.teaserList .tagTitle { font-size:0.9375rem; } .CustomManufacturer.teaserList .manufacturerList .logo { width: 11.5rem; margin-bottom: 1rem; } } @media all and (max-width: 940px) { .CustomManufacturer.teaserList .manufacturerList .teaser { width:33.333%; } } @media all and (max-width: 768px) { .CustomManufacturer.teaserList { margin-bottom: 0.5rem; } .CustomManufacturer.teaserList .bgWrapper { margin: 0; padding: 0; background: none; } .CustomManufacturer.teaserList .wrapper { margin: 0 0 2rem; padding: 0.5rem; } .CustomManufacturer.teaserList .tagTitle { width: 100%; text-align: center; float: none; padding: 1rem 0; min-height: auto; } .CustomManufacturer.teaserList .manufacturerList { text-align: left; padding-left: 0; padding-right: 0; } .CustomManufacturer.teaserList .manufacturerList .teaser { width: 33.333%; min-height: 4rem; padding-left: 0; float: none; text-align: center; } .CustomManufacturer.teaserList .manufacturerList .logo { width: auto; float: none; margin-bottom: 1rem; padding: 0 0.5rem; box-sizing: border-box; } .CustomManufacturer.teaserList .manufacturerList .logo img{ width: 90%; } } @media all and (max-width: 544px) { .CustomManufacturer.teaserList { padding-left: 0.5rem; padding-right: 0.5rem; } .CustomManufacturer.teaserList .wrapper { padding: 0 1rem; box-sizing: border-box; margin: 0.5rem 0; } .CustomManufacturer.teaserList .manufacturerList .teaser{ width: 50%; } } .CustomProduct.SingleTeaserJs { padding:0 1.25rem 2.5rem; width: 25%; } .CustomProduct.SingleTeaserJs a{ display:block; } .Page.noBg .CustomProduct.SingleTeaserJs a { box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .CustomProduct.SingleTeaserJs a .wrapper, .CustomProduct.SingleTeaserJs.Widget .wrapper { background: #ffffff; position:relative; padding: 0; width: 100%; } .CustomProduct.SingleTeaserJs .wrapper .graphic { overflow: hidden; position: relative; border-bottom-width:1px; } .CustomProduct.SingleTeaserJs .wrapper .graphic img{ width: 100%; } .CustomProduct.SingleTeaserJs .wrapper .graphicText{ font-family: Lato-Black; color: #ffffff; text-shadow: 0.125rem 0.125rem 0.4rem #000000; padding: 1rem 1.25rem; box-sizing: border-box; display: flex; align-items:center; position: absolute; top:0; bottom:0; right:0; left:0; } .CustomProduct.SingleTeaserJs .wrapper .graphicText .title, .CustomProduct.SingleTeaserJs .wrapper .graphicText .BasicText{ display:inline-block; vertical-align:middle; font-size:1.5rem; line-height:1.2em; overflow-wrap: break-word; max-height:7.75rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; flex-direction: column; } .CustomProduct.SingleTeaserJs .text { margin: 1rem 1.25rem; overflow:hidden; height:6.5rem; } .CustomProduct.SingleTeaserJs .text .description { font-size: 1.125rem; line-height: 1.3em; } .CustomProduct.SingleTeaserJs .infos { padding: 1rem 2.875rem 1rem 1.25rem; background-color:#e0eff7; box-sizing:border-box; /* height:5rem;*/ position:relative; bottom:0; right:0; left:0; line-height: 1.25rem; } .CustomProduct.SingleTeaserJs .infos .textWrapper { overflow:hidden; min-height:2.5rem; } .CustomProduct.SingleTeaserJs .infos .icon { position:absolute; right:0; top:0; bottom:0; width: 2.5rem; padding: 1.25rem 0.5rem; } .CustomProduct.SingleTeaserJs .infos .icon img { max-width:5rem; } @media screen and (max-width:1280px) { .CustomProduct.SingleTeaserJs .text { height:6rem; } } @media screen and (max-width:1024px) { .CustomProduct.SingleTeaserJs { padding: 0 1rem 2rem; } .CustomProduct.SingleTeaserJs .wrapper .graphicText .title, .CustomProduct.SingleTeaserJs .wrapper .graphicText .BasicText{ font-size:1.25rem; line-height: 1.3em; } .CustomProduct.SingleTeaserJs .text { margin: 1rem 1rem; } .CustomProduct.SingleTeaserJs .infos{ font-size: 0.75rem; padding: 1rem 2.875rem 1rem 1rem; } } @media screen and (max-width:544px) { .CustomProduct.SingleTeaserJs { padding: 0 0.25rem 0.5rem; } .CustomProduct.SingleTeaserJs .wrapper .graphicText .title, .CustomProduct.SingleTeaserJs .wrapper .graphicText .BasicText{ font-size:1.125rem; line-height: 1.3em; } .CustomProduct.SingleTeaserJs .text { margin: 0.375rem 0.5rem; height: 4.75rem; } .CustomProduct.SingleTeaserJs .text .description { font-size: 1rem; line-height: 1.2em; } .CustomProduct.SingleTeaserJs .infos{ font-size: 0.75rem; padding: 0.375rem 2.25rem 0.375rem 0.5rem; min-height:3.5rem; } .CustomProduct.SingleTeaserJs .infos .icon{ padding:0.375rem 0; } .CustomProduct.SingleTeaserJs .hoverOverlay { font-size: 1rem; } } @media screen and (max-width:420px) { .CustomProduct.SingleTeaserJs .infos .icon { display:none; } } .CustomProduct.teaserList { margin: 0 auto 2.5rem; padding:0 1.75rem; width:86rem; max-width:100%; box-sizing:border-box; overflow:hidden; } .CustomProduct.teaserList .SingleTeaser { width:25%; box-sizing:border-box; display: inline-block; vertical-align: top; } .CustomProduct.teaserList .goToOverviewWrapper { clear:both; overflow:hidden; margin-right:1.25rem; } @media screen and (max-width:1024px) { .CustomProduct.teaserList { padding:0 1.5rem; } .CustomProduct.teaserList .goToOverviewWrapper { margin-right:1rem; } } @media screen and (max-width:896px) { .CustomProduct.teaserList { width:40rem; max-width:100%; } .CustomProduct.teaserList .SingleTeaser{ width: 50%; } } @media screen and (max-width:544px) { .CustomProduct.teaserList { padding:0 0.25rem; } .CustomProduct.teaserList .goToOverviewWrapper { text-align:center; margin:0; } } .CustomProduct.overview { margin: 0 auto 2.5rem; padding: 0 1.75rem 0 3rem; width: 100%; max-width: 108.25rem; box-sizing: border-box; overflow: hidden; position: relative; } .CustomProduct.overview .wrapper { overflow: hidden; } .CustomProduct.overview .CustomProduct.SingleTeaser { box-sizing: border-box; display: inline-block; vertical-align: top; text-align: left; padding-left: 1rem; padding-right: 1rem; width: 20.75rem; } @media screen and (max-width: 1280px) { .CustomProduct.overview { padding: 0 1.5rem 0 2rem; } } @media screen and (max-width: 940px) { .CustomProduct.overview .CustomProduct.SingleTeaser { width: 50%; } } @media screen and (max-width: 768px) { .CustomProduct.overview { padding: 0 1.5rem; } } @media screen and (max-width: 544px) { .CustomProduct.overview { padding: 0 0.25rem; } .CustomProduct.overview .CustomProduct.SingleTeaser { /* width: 50%; */ padding-left: 0.25rem; padding-right: 0.25rem; } } .CustomProduct.overview .left { float: left; width: 25%; max-width: 20.5rem; padding-right: 2.5rem; box-sizing: border-box; color: #ffffff; padding-right: 2rem; } .Page.noBg .CustomProduct.overview .left { color: #373737; } .CustomProduct.overview .searchCaption { font-size: 1.25rem; padding: 0 0 2rem 0.875rem; line-height: 2rem; } .CustomProduct.overview .searchCaption .close{ float: right; display: none; } .CustomProduct.overview .left .amount { display: none; } .CustomProduct.overview .searchInputWrapper { margin: 0 0 2rem; } @media screen and (max-width: 1024px) { .CustomProduct.overview .left { padding-right: 1.25rem; } } @media screen and (max-width: 768px) { .CustomProduct.overview .searchCaption { font-size: 1rem; padding: 0 0 1rem 0.875rem; line-height: 2rem; } .CustomProduct.overview .left .amount { display: inline; } .CustomProduct.overview .searchInputWrapper { margin: 0 0 1.5rem; } .CustomProduct.overview .left { padding: 0; z-index: 1500; width: 100%; max-width: none; position: fixed; left: -100%; right: 100%; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0); color: #373737; -o-transition: background-color .5s; -ms-transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; transition: background-color .5s; display: block; } .CustomProduct.overview .left .wrapper { padding: 5rem 1.25rem 0; box-sizing: border-box; width: 75%; height: 100%; background-color: #e6edfb; position: absolute; left: -75%; top: 0; bottom: 0; -o-transition: left .5s; -ms-transition: left .5s; -moz-transition: left .5s; -webkit-transition: left .5s; transition: left .5s; } .productFilterOpened .CustomProduct.overview .left, .productFilterTransition .CustomProduct.overview .left { left: 0; right: 0; } .productFilterOpened .CustomProduct.overview .left { background-color: rgba(0,0,0,0.5); } .productFilterOpened .CustomProduct.overview .left .wrapper { left:0; } .CustomProduct.overview .left .filterWrapper { -webkit-overflow-scrolling: touch; overflow-y: scroll; position: absolute; left: 0; right: 0; bottom: 0; top: 12rem; padding: 0 1.25rem; } .Page.productFilterOpened, .Page.productFilterTransition { width: 100%; position: fixed; } .Page.productFilterOpened { left: 75%; } } @media screen and (max-width: 544px) { .CustomProduct.overview .left .wrapper { width: 82.5%; left: -82.5%; } .Page.productFilterOpened { left: 82.5%; } } .CustomProduct.overview .right { padding-left: 25%; width: 100%; box-sizing: border-box; } @media screen and (min-width: 1380px) { .CustomProduct.overview .right { padding-left: 20.5rem; } } @media screen and (max-width: 768px) { .CustomProduct.overview .right { padding-left: 0; } .CustomProduct.overview .searchCaption .close{ display: block; } } .CustomProduct.overview .pager.top { padding: 0 1.25rem 2rem; color: #ffffff; } .Page.noBg .CustomProduct.overview .pager.top { color: #373737; } .CustomProduct.overview .filterOpenButton { display: none; } .CustomProduct.overview .filterOpenButton, .CustomProduct.overview .right .amount { padding: 0 0.625rem; } .CustomProduct.overview .filterOpenButton, .CustomProduct.overview .right .amount, .CustomProduct.overview .activeFilter > * { float: left; overflow: hidden; font-size: 0.75rem; min-height: 2rem; line-height: 2rem; } .CustomProduct.overview .activeFilter { float: left; overflow: hidden; } .CustomProduct.overview .activeFilter [data-filter-key] { display: inline-block; cursor: pointer; } .CustomProduct.overview .activeFilter .caption { padding-left: 0.675rem; } .CustomProduct.overview .activeFilter .icon { font-size: 1.25rem; line-height: 2rem; vertical-align: middle; text-align: center; display: inline-block; width: 2rem; height: 2rem; } .CustomProduct.overview .sortBox { float: right; } @media screen and (max-width: 768px) { .CustomProduct.overview .filterOpenButton { display: block; } .CustomProduct.overview .right .amount { float: right; } .CustomProduct.overview .activeFilter { width: 100%; } } .CustomProduct.overview .overviewList { padding: 0 0 1.5rem; text-align: center; } .CustomProduct.overview .groupName, .CustomProduct.overview .groupedViewTitle { font-family: "Lato-Bold"; line-height: 1em; color: #ffffff; } .Page.noBg .CustomProduct.overview .groupName, .Page.noBg .CustomProduct.overview .groupedViewTitle { color: #373737; } .CustomProduct.overview .groupName { padding: 0 3.75rem 2.5rem; font-size: 0.875rem; display: none; } .CustomProduct.overview .groupedViewTitle { padding: 0 1.25rem 2.5rem; } @media screen and (max-width: 768px) { .CustomProduct.overview .groupName, .CustomProduct.overview .groupedViewTitle { padding: 0 3.75rem 2rem; } } @media screen and (max-width: 544px) { .CustomProduct.overview .groupName, .CustomProduct.overview .groupedViewTitle { text-align: center; padding: 1.5rem 1.5rem 2rem; } } .CustomProduct.Single { box-sizing: border-box; padding: 0 1.75rem; max-width: 86rem; margin: 0 auto 2.5rem; position: relative; } .CustomProduct.Single .column{ padding: 0 1.25rem 2.5rem; } .CustomProduct.Single .wrapper{ overflow: hidden; background: #ffffff; padding: 2.5rem 2.5rem; box-sizing: border-box; width: 100%; } .CustomProduct.Single .firstColumn { width: 100%; } .CustomProduct.Single .firstLine { display: flex; } .CustomProduct.Single .column{ display: flex; } .CustomProduct.Single .firstLine .firstColumn { box-sizing: border-box; width: 21.5rem; padding: 0 1.25rem 2.5rem 1.25rem; float: left; } .CustomProduct.Single .firstLine .firstColumn.graphic{ display: inline-block; } .CustomProduct.Single .firstLine .firstColumn .wrapper{ width: 18.125rem; text-align:center; } .CustomProduct.Single .firstLine .graphic{ display: inline-block; } .CustomProduct.Single .firstLine .secondColumn{ padding: 0 1.25rem 2.5rem; min-height: 18.125rem; box-sizing: border-box; width: 100%; } .CustomProduct.Single .firstLine .secondColumn .wrapper{ padding: 2.5rem 2.5rem 2rem; } .CustomProduct.Single .firstLine .secondColumn .title{ font-size: 1.5rem; margin-bottom: 1.5rem; } .CustomProduct.Single .firstLine .secondColumn .subtitle{ margin-bottom:1.5rem; } .CustomProduct.Single .firstLine .secondColumn .overtitle{ margin-bottom: 1rem; } .CustomProduct.Single .secondColumn .wrapper{ padding: 1.25rem; } .CustomProduct.Single .secondLine .secondColumn table { width: 100%; } .CustomProduct.Single .attribute td{ border-bottom: 1px solid #cad7de; padding: 1.125rem 1.25rem ; } .CustomProduct.Single tr:last-child > td{ border-bottom: none; } .CustomProduct.Single .secondLine .firstColumn, .CustomProduct.Single .secondLine .secondColumn{ float: left; width: 50%; } .CustomProduct.Single .secondLine .firstColumn .wrapper, .CustomProduct.Single .secondLine .secondColumn .wrapper{ width: 100%; } .CustomProduct.Single .secondLine{ box-sizing: border-box; display: flex; } .CustomProduct.Single .secondLine .column{ box-sizing: border-box; padding: 0 1.25rem 2.5rem; display: flex; } .CustomProduct.Single .secondLine .column .wrapper{ display: flex; flex-wrap: wrap; } .CustomProduct.Single .ListTextList.twoColumns, .CustomProduct.Single .CustomDesigner.teaserList { padding: 0; } .CustomProduct.Single .SetText.twoColumns.wrapper{ padding-left: 2.5rem; padding-right: 2.5rem; } .CustomProduct.Single .CustomDesigner.teaserList .teaser{ padding: 0 1.25rem 2.5rem; } .CustomProduct .CustomDesigner.teaser:only-child { float: none; } .CustomProduct.Single .CustomManufacturer.teaserList { padding: 0 1.25rem 0; } .CustomProduct.Single .CustomManufacturer.teaserList .wrapper { padding: 0; } .CustomProduct.Single .ListTextList.twoColumns .wrapper{ width: 100%; } .CustomProduct.ConfigurableAttribute { margin-bottom:1rem; } .CustomProduct.Single .setConfigurationCaption { font-family:OpenSans-Bold; } .CustomProduct.Single .setConfigurationWrapper{ margin: 0 1.25rem; overflow: hidden; box-sizing: border-box; width: auto; } .CustomProduct.Single .configurationTitleWrapper{ box-sizing: border-box; overflow: hidden; box-sizing:boder-box; } .CustomProduct.Single .configurationTitleWrapper .left{ float:left; width: 60%; overflow:hidden; } .CustomProduct.Single .configurationTitleWrapper .right{ float:right; width: 40%; overflow:hidden; } .CustomProduct.Single .setConfigurationCaption + .configurationTitleWrapper { margin-top:0; } .CustomProduct.Single .configurationTitleWrapper .icon { width: 2.5rem; padding-right: 1rem; display:inline-block; vertical-align: top; } .CustomProduct.Single .configurationTitleWrapper .icon img { max-width:5rem; } .CustomProduct.Single .configurationTitleWrapper .textWrapper{ overflow: hidden; display: inline-block; max-width: calc(100% - 3.5rem); } .CustomProduct.Single .configurationTitleWrapper .textWrapper p{ margin: 0 0.5rem 0.5rem; float: left; } .CustomProduct.Single .configurationTitleWrapper .CustomPrice .info{ /*line-height: 1.5rem;*/ display: none; } .CustomProduct.Single .configurationTitleWrapper .CustomPrice div{ float: right; padding-left: 0.5rem; vertical-align: middle; padding-top: 0.25rem; } .CustomProduct.Single .configurationTitleWrapper .vatText{ line-height: 1.5rem; } .CustomProduct.Single .configurationTitleWrapper .configurationTitle { font-family: Lato-Black; padding-right: 1rem; } .CustomProduct.Single .configurationTitleWrapper .infos{ box-sizing: border-box; line-height: 1.25rem; box-sizing: border-box; float: left; display:inline; text-align: right; width: calc(100% - 3.5rem); min-height: 2.5rem; } .CustomProduct.Single .configurationTitleWrapper .roundIcon [class^="ss-"]{ color: #ffffff; } .CustomProduct.Single .configurationTitleWrapper .roundIcon.showMore{ background-color:#000000; width: 1rem; height: 1rem; margin-left: 0.5rem; } .CustomProduct.Single .configurationTitleWrapper .roundIcon.showMore a{ display:block; line-height: 1rem; } .CustomProduct.Single .configurationTitleWrapper .roundIcon.showMore [class^="ss-"]{ height: 1rem; font-size: 0.5rem; font-weight: bold; /*line-height: 0.75rem;*/ line-height: 1.1rem; display: block; } .CustomProduct.Single .configurationTitleWrapper.optional > * { display:inline-block; vertical-align:middle; } .CustomProduct.Single .configurationTitleWrapper.optional .setPartOptional{ box-sizing: border-box; float: right; display:inline; } .CustomProduct.Single .configurationTitleWrapper.optional .setPartOptional > .optionalButton { background-color:#b5153f; overflow: hidden; cursor: pointer; } .CustomProduct.Single .configurationTitleWrapper.optional .setPartOptional > .optionalButton.active { display:none; } .CustomProduct.Single .configurationTitleWrapper.optional .setPartOptional > .optionalButton:hover { background-color:#b5153f; } .CustomProduct.Single .configurationTitleWrapper.optional .setPartOptional > [data-optional-mode="with"] { background-color:#fdb0ac; clear: both; } .CustomProduct.Single .configurationTitleWrapper.optional .setPartOptional > img, .CustomProduct.Single .configurationTitleWrapper.optional .setPartOptional > .configurationTitle { margin-bottom:0.25rem; } .CustomProduct.Single .configurationTitleWrapper .wrapper { background: #ffffff; position:relative; padding: 0 0 5rem; width: 100%; } .CustomProduct.Single .productActions{ background-color: #e6edfb; overflow: hidden; box-sizing: border-box; margin:0 1.25rem 3rem; min-height: 12.5rem; clear:both; } .CustomProduct.Single .productActions .left { float:left; width:60%; overflow:hidden; } .CustomProduct.Single .productActions .left .icon{ width:3.5rem; box-sizing:border-box; padding-right:1rem; } .CustomProduct.Single .productActions .left .iconTitle { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; margin-bottom:1rem; } .CustomProduct.Single .productActions .left .icon img{ max-width:100%; } .CustomProduct.Single .productActions .titleWrapper { font-family:Lato-Black; } .CustomProduct.Single .left .AddToDetail { clear:both; } .CustomProduct.Single .AddToDetail .roundIcon{ margin-right: 1rem; background-color:#ffffff; float:left; margin-left:0; } .CustomProduct.Single .AddToDetail .roundIcon span { color:#373737; } .CustomProduct.Single .AddToDetail.wished .roundIcon{ background: #b5153f; } .CustomProduct.Single .AddToDetail.wished .roundIcon span{ color: #ffffff; } .CustomProduct.Single .AddToDetail .roundIcon{ background: #ffffff; } .CustomProduct.Single .AddToDetail .roundIcon span{ color: #000000; } .CustomProduct.Single .left .AddToDetail .priceBlock, .CustomProduct.Single .left .AddToDetail .actionBlock > *:not(.add_to_wishlist) { display:none; } .CustomProduct.Single .productActions .right { float:right; overflow:hidden; width:40%; } .CustomProduct.Single .AddToDetail { overflow:hidden; } .CustomProduct.Single .AddToDetail .price { margin-bottom:0.5rem; float: right; font-size: 1.5rem; } .CustomProduct.Single .AddToDetail .vatText{ line-height: 2rem; float: right; padding-right: 1rem; } .CustomProduct.Single .AddToDetail .availabilityWrapper { margin-bottom:1rem; clear: both; } .CustomProduct.Single .AddToDetail .amount { margin-top:0.25rem; margin-right:1rem; float:left; } .CustomProduct.Single .AddToDetail .add_to_basket { float:left; } .CustomProduct.Single .AddToDetail.personalise .add_to_basket, .CustomProduct.Single .AddToDetail .priceInfoWrapper { display:none; } .CustomProduct.Single .AddToDetail input { box-sizing: border-box; border: 1px solid #cad7de; color: #8a9491; height: 2rem; width: 2.5rem; padding: 0.5rem; text-align: center; } .CustomProduct.Single .AddToDetail .priceBlock { float:right; margin-bottom:0.5rem; text-align:right; } .CustomProduct.Single .AddToDetail .priceBlock .normal { text-decoration:line-through; } .CustomProduct.Single .AddToDetail .priceBlock .price { font-family:Lato-Bold; } .CustomProduct.Single .right .AddToDetail .actionBlock { float:right; clear:both; } .CustomProduct.Single .AddToDetail .right .actionBlock > * { float:right; } .CustomProduct.Single .productActions .AddToDetail.personalise .amount, .CustomProduct.Single .right .AddToDetail .add_to_wishlist { display:none; } .CustomProduct.Single .productActions .custom_made, .CustomProduct.Single .productActions .not_available, .CustomProduct.Single .productActions .on_request{ display: none; } .CustomProduct.Single.lpDetail .singleTeaserWrapper { display:none; } .CustomProduct.Single .CustomProduct.teaserList { padding:0; } .CustomProduct.Single .AddToDetail .availabilityWrapper, .CustomProduct.Single .productActions .left .iconTitle, .CustomProduct.Single .productActions .pinnedTop{ transition: all 0.2s ; } .CustomProduct.Single .productActions .pinned{ padding: 2.5rem; background-color: #e6edfb; z-index: 2199; min-height: 7.5rem; box-sizing: border-box; overflow: hidden; } .CustomProduct.Single .productActions .pinnedTop{ padding: 0.5rem 2.5rem 1rem; } .CustomProduct.Single .productActions .pinnedTop .availabilityWrapper{ margin-bottom: 0; } .CustomProduct.Single .productActions .pinnedTop .left .iconTitle{ margin-bottom: 0.5rem; } @media all and (max-width: 1024px) { .CustomProduct.Single{ padding: 0 1rem 0; } .CustomProduct.Single .productActions{ margin: 0 1rem 2rem; min-height: 9.5rem; } .CustomProduct.Single .productActions .pinned{ /*padding: 1rem;*/ } .CustomProduct.Single .firstLine .firstColumn, .CustomProduct.Single .firstLine .secondColumn, .CustomProduct.Single .secondLine .column, .CustomProduct.Single .ListTextList.twoColumns .row, .CustomProduct.Single .CustomManufacturer.teaserList, .CustomProduct.Single .CustomDesigner.teaserList .teaser { padding: 0 1rem 2rem; } .CustomProduct.Single .firstLine .secondColumn .wrapper, .CustomProduct.Single .secondLine .firstColumn .wrapper { padding: 1.875rem; } .CustomProduct.Single .firstLine .secondColumn .wrapper { padding-bottom:0.75rem; } .CustomProduct.Single .firstLine .secondColumn .title { font-size: 1.125rem; margin-bottom: 1.125rem; } .CustomProduct.Single .firstLine .secondColumn .subtitle { margin-bottom:1.125rem; } .CustomProduct.Single { font-size: 0.75rem; } .CustomProduct.Single .configurationTitleWrapper .wrapper .graphicText .BasicText{ font-size:1.25rem; } .CustomProduct.Single .configurationTitleWrapper .text { margin: 1rem 1rem; } .CustomProduct.Single .configurationTitleWrapper .infos{ font-size: 0.75rem; } .CustomProduct.Single .setConfigurationWrapper.wrapper{ margin: 0 1rem; width: auto; } .CustomProduct.Single .configurationTitleWrapper .icon{ width: 2rem; } .CustomProduct.Single .configurationTitleWrapper .roundIcon.showMore [class^="ss-"]{ width: 1rem; } .CustomProduct.Single .configurationTitleWrapper .roundIcon.showMore span::before{ line-height: 0.5rem; font-size: 0.5rem; } } @media all and (max-width: 768px) { .CustomProduct.Single .firstLine .firstColumn, .CustomProduct.Single .firstLine .secondColumn{ box-sizing: border-box; display: block; float: none; clear: both; width: 100% ; } .CustomProduct.Single .firstLine, .CustomProduct.Single .secondLine, .CustomProduct.Single.row { display: block; } .CustomProduct.Single .firstLine .secondColumn { min-height:0; } .CustomProduct.Single .column, .CustomProduct.Single .wrapper, .CustomProduct.Single .secondLine .firstColumn, .CustomProduct.Single .secondLine .secondColumn, .CustomProduct.Single .configurationTitleWrapper, .CustomProduct.Single .firstLine .firstColumn .wrapper { box-sizing: border-box; display: block; float: none; clear: both; width: 100% ; } .CustomProduct.Single .firstLine .secondColumn .wrapper{ padding-bottom: 1.5rem; } .CustomProduct.Single .productActions .right, .CustomProduct.Single .productActions .left { clear:both; width:100%; } .CustomProduct.Single .setConfigurationWrapper .left, .CustomProduct.Single .setConfigurationWrapper .right { width:100%; } } @media all and (max-width: 544px) { .CustomProduct.Single{ padding: 0 0.5rem 0; } .CustomProduct.Single .firstLine .firstColumn, .CustomProduct.Single .firstLine .secondColumn, .CustomProduct.Single .secondLine .column, .CustomProduct.Single .ListTextList.twoColumns .row, .CustomProduct.Single .CustomManufacturer.teaserList, .CustomProduct.Single .CustomDesigner.teaserList .teaser { padding: 0.5rem 0; } .CustomProduct.Single .productActions{ margin: 0 0 2rem; padding: 1rem; } .CustomProduct.Single .productActions .pinned{ padding: 0.0rem; } .CustomProduct.Single .ListTextList.twoColumns, .CustomProduct.Single .SetArticle.simple .articleContent { padding: 0 ; } .CustomProduct.Single .firstLine .secondColumn .wrapper, .CustomProduct.Single .secondLine .firstColumn .wrapper { padding:1.375rem 1.5rem 1.5rem; } .CustomProduct.Single .firstLine .secondColumn .wrapper { padding-bottom:1rem; } .CustomProduct.Single .secondLine .secondColumn .wrapper { padding:0.625rem 0.5rem; } .CustomProduct.Single .attribute td { padding:0.75rem 1rem; } .CustomProduct.Single .CustomDesigner.teaserList{ padding: 0 0 2rem; } .CustomProduct.Single .productActions .left, .CustomProduct.Single .productActions .right { width:100%; float:none; } .CustomProduct.Single .CustomProduct.teaserList .SingleTeaser:nth-child(2n) { padding-right:0; } .CustomProduct.Single .CustomProduct.teaserList .SingleTeaser:nth-child(2n+1) { padding-left:0; } .CustomProduct.Single .configurationTitleWrapper .wrapper .graphicText .BasicText{ font-size:1.125rem; } .CustomProduct.Single .configurationTitleWrapper .text { margin: 0.375rem 0.5rem; height: 6.75rem; } .CustomProduct.Single .configurationTitleWrapper .infos{ font-size: 0.75rem; } .CustomProduct.Single .configurationTitleWrapper .infos .icon{ padding:0.375rem 0; } .CustomProduct.Single .setConfigurationWrapper.wrapper{ margin: 0; padding: 1rem; } } @media screen and (max-width:420px) { .CustomProduct.Single .configurationTitleWrapper .infos .icon{ display:none; } } .SingleProductSubnavigation { display: block; float: right; position: absolute; right: 1rem; top: 5.5rem; } .SingleProductSubnavigation *{ float: left; padding: 0 0.5rem; color: #ffffff; } .availabilityWrapper .cStateGreen { color:#7ca545; } .availabilityWrapper .cStateYellow { color:#e3cd41; } .availabilityWrapper .cStateRed { color:#e0292b; } .availabilityWrapper .count, .availabilityWrapper .icon { margin:0 0.5rem; } .availabilityWrapper .count::before { content :"("; } .availabilityWrapper .count::after { content :")"; } .CustomProduct.NotFound { box-sizing: border-box; padding: 2rem; width: 100%; max-width: 80rem; margin: 0 auto 2.5rem; background-color: #ffffff; } .CustomProduct.NotFound .defaultButton { margin-top: 3rem; } @media screen and (max-width:1376px) { .CustomProduct.NotFound { margin: 0 3rem 2.5rem; max-width: 100%; width: auto; } } @media screen and (max-width:1024px) { .CustomProduct.NotFound { margin: 0 2rem 2.5rem; } } @media screen and (max-width:544px) { .CustomProduct.NotFound { margin: 0 0.5rem 2.5rem; padding: 1rem 1.5rem; } } .SetSeparator { box-sizing:border-box; padding: 0 3rem; margin:0 auto 2.5rem; width:86rem; max-width:100%; } .SetSeparator h1, .SetSeparator h2 { color: #ffffff; font-size: 0.875rem; text-align: center; text-transform: uppercase; letter-spacing: 0.2rem; } .Page.noBg .SetSeparator h1, .Page.noBg .SetSeparator h2 { color: #373737; } @media all and (max-width: 544px) { .SetSeparator h2{ font-size: 0.75rem; line-height:0.935rem; } } .SetArticle.simple { box-sizing: border-box; padding: 0 1.75rem; max-width: 86rem; margin: 0 auto 2.5rem; } .SetArticle.simple .articleContent{ overflow: hidden; background: #ffffff; margin:0 1.25rem 2.5rem; } .SetArticle.simple .left{ box-sizing: border-box; float: left; padding: 2.5rem; width:28.5rem; } .Page.noBg .SetArticle.simple .left { padding-top: 0; } .SetArticle.simple .left .BasicText { padding-top: 0.5rem; font-size: 1rem; } .SetArticle.simple .left h2 .BasicText { padding-top: 0.5rem; font-size: inherit; } .SetArticle.simple .right{ overflow: hidden; float: none; } .SetArticle.simple .right .title, .SetArticle.simple .right .subtitle{ margin-bottom: 1rem; } .SetArticle.simple .right .date{ display:inline-block; float:left; } .SetArticle.simple .right .date + .BasicText > ul:first-child, .SetArticle.simple .right .date + .BasicText > ol:first-child { clear:both; } .SetArticle.simple .right .text{ line-height:1.5em; } .SetArticle.simple .right .wrapper{ padding: 2.5rem 2rem 2.5rem 0; box-sizing: border-box; font-size: 0.9375; line-height: 1.875rem; list-style: none; } .Page.noBg .SetArticle.simple .right .wrapper { padding-top: 0; } .SetArticle.simple .moreLink{ padding-top: 1.5rem; padding-bottom: 1.5rem; clear: both; } .SetArticle.simple .showMore{ padding-top: 1.5rem; display: none; } .SetArticle.simple > .ListLinkList, .SetArticle.simple > .ListDownloadList { padding-left: 1.25rem; padding-right: 1.25rem; } .SetArticle.simple > .ListImageGallery, .SetArticle.simple > .ListVideoList { padding-left: 0; padding-right: 0; } @media all and (max-width: 1024px) { .SetArticle.simple .right .wrapper{ padding: 1.5rem 1.5rem 1.5rem 0; } .SetArticle.simple .BasicGraphic img{ display: block; } .SetArticle.simple .BasicGraphic { display: block; width: 100%; } .SetArticle.simple .BasicGraphic::before{ display: block; } .SetArticle.simple .left .BasicText { padding: 0.5rem 0 0 0; font-size: 0.75rem; } .SetArticle.simple .left{ width: 20rem; padding: 1.5rem; } .SetArticle.simple { padding: 0 1rem; } .SetArticle.simple .articleContent{ margin-left:1rem; margin-right:1rem; } .SetArticle.simple > .ListLinkList, .SetArticle.simple > .ListDownloadList { padding-left: 1rem; padding-right: 1rem; } } @media all and (max-width: 768px) { .SetArticle.simple .left, .SetArticle.simple .right .wrapper{ padding: 1.5rem 1.5rem 1rem; width: 100%; float: none; } .SetArticle.simple .right .wrapper{ padding-top: 0; padding-bottom: 1.5rem; } .SetArticle.simple .left .title{ padding-top: 1.5rem; } } @media all and (max-width: 544px) { .SetArticle.simple { padding: 0; } .SetArticle.simple .articleContent{ margin-left:0.5rem; margin-right:0.5rem; } .SetArticle.simple > .ListLinkList, .SetArticle.simple > .ListDownloadList { padding-left: 0.5rem; padding-right: 0.5rem; } .SetArticle.simple .left{ padding: 1rem 1rem 0; } .SetArticle.simple { padding: 0 0; font-size: 0.75rem; } .SetArticle.simple .right .wrapper{ font-size: 0.75rem; line-height: 1.125rem; padding: 1rem; } .SetArticle.simple .left .title{ padding-bottom: 0rem; } } .CustomDesigner.detail .designerDetail .title{ padding: 0 0 0; line-height: 1rem; } .CustomDesigner.detail .designerDetail .attachment{ margin-bottom: 1rem; } .CustomDesigner.detail .designerDetail .imageDescription{ font-family: Lato-Italic; margin-bottom: 1rem; } .CustomDesigner.detail .designerDetail .contactInformation{ margin: 0 0 2rem; line-height: 1.5rem; } @media all and (max-width: 1024px) { .CustomDesigner.detail .designerDetail .title{ font-size: 1rem; padding-bottom: 0.5rem } .CustomDesigner.detail .designerDetail .subtitle, .CustomDesigner.detail .designerDetail .content{ font-size: 0.75rem; margin--bottom: 1rem; } .CustomDesigner.detail .designerDetail .imageDescription, .CustomDesigner.detail .designerDetail .contactInformation{ font-size: 0.75rem; } } @media all and (max-width: 544px) { .CustomDesigner.detail .designerDetail .title{ margin-bottom: 1rem; } .CustomDesigner.detail .designerDetail .contactInformation{ padding: 0; } } .SetArticle .BasicText { line-height:1.5em; } .SetImage { position: relative; } .SetImage.extendedSlideshow { overflow: hidden; display: inline-block; padding: 0 1.25rem; box-sizing: border-box; } @media screen and (max-width:1024px) { .SetImage.extendedSlideshow { padding: 0 1rem; } } @media screen and (max-width: 544px) { .SetImage.extendedSlideshow { padding: 0 0.5rem; } } .SetImage.extendedSlideshow .wrapper { position: relative; overflow: hidden; display: block; background-color: #e0eff7; overflow: hidden; } .SetImage.extendedSlideshow .graphicWrapper { position: absolute; width: 42.5%; max-width: 14.25rem; height: 100%; padding-right: 0.5rem; box-sizing: border-box; } .SetImage.extendedSlideshow .textWrapper { display: block; padding: 2.25rem 2.5rem 2.5rem 45%; } .SetImage.extendedSlideshow .copyright { font-size: 1.5rem; line-height: 1.75rem; font-family: "Lato-Bold"; margin-bottom: 0.75rem; height: 3.75rem; overflow: hidden; } .SetImage.extendedSlideshow .description { font-size: 1rem; line-height: 1.5em; height: 4.5rem; overflow: hidden; } @media screen and (max-width:1024px) { .SetImage.extendedSlideshow .graphicWrapper { max-width: 10.5rem; } .SetImage.extendedSlideshow .textWrapper { padding: 1.5rem 2.5rem 1.5rem 45%; } .SetImage.extendedSlideshow .copyright { font-size: 1.125rem; line-height: 1.3125rem; margin-bottom: 0.875rem; height: 2.625rem; } .SetImage.extendedSlideshow .description { font-size: 0.75rem; height: 3.5rem; } } @media screen and (max-width: 768px) { .SetImage.extendedSlideshow .graphicWrapper { max-width: 7.75rem; } .SetImage.extendedSlideshow .textWrapper { padding: 0.75rem 1rem 0.75rem 45%; } .SetImage.extendedSlideshow .copyright { font-size: 0.75rem; line-height: 1.125rem; height: 2.25rem; margin-bottom: 0; } } @media screen and (max-width: 544px) { .SetImage.extendedSlideshow .textWrapper { padding: 0.75rem 1rem 0.75rem 8.25rem; } } .SetImage.quote .graphic { } .SetImage.quote .graphic img{ border-radius: 50%; float: left; left: 0; top: 0; overflow: hidden; display: block; width: auto; max-width: 8.75rem; max-height: 8.75rem; position: absolute; } .SetImage.quote .description, .SetImage.quote .copyright{ padding-left: 11.25rem; } .SetImage.quote .description{ font-family: Lato-Italic; padding-bottom: 1.5rem; font-size: 1.5rem; line-height: 2.25rem; } .SetImage.quote .description::before{ content: open-quote; } .SetImage.quote .description::after{ content: close-quote; } .SetImage.quote .BasicGraphic::before{ display: block; } .SetImage.quote .ssFix::before{ display: none; } @media all and (max-width: 1024px) { .SetImage.quote .description{ font-size: 0.875rem; line-height: 1.75rem; } .SetImage.quote .copyright{ font-size: 0.75rem; } .SetImage.quote .description, .SetImage.quote .copyright{ line-height: 1.3rem; padding-left: 9rem; } .SetImage.quote .graphic img{ max-width: 6.625rem; max-height: 6.625rem; } } @media all and (max-width: 544px) { .SetImage.quote .BasicGraphic, .SetImage.quote .graphic.BasicGraphic::before{ height: auto; width: auto; display: block; float: left; } .SetImage.quote .graphic img{ max-width: 4rem; max-height: 4rem; } .SetImage.quote .description{ padding-left: 0; } .SetImage.quote .copyrightWrapper{ min-height: 4rem; line-height: 1.3rem; vertical-align: middle; } .SetImage.quote .copyrightWrapper .wrapper{ display: block; padding-left: 0; position: relative; line-height: 0.75rem; } .SetImage.quote .copyright{ vertical-align: middle; padding-left: 5rem; } .SetImage.quote .graphic img{ position: relative; } .SetImage.quote .ssFix::before{ display: inline-block; } } .SetImage.standard { position:relative; cursor:pointer; } .SetImage.standard::after { font-family:SSGizmo; content:"\002B"; position:absolute; opacity:0; bottom:0; right:0; font-size:2rem; padding: 0 1rem 1rem 0; color:#ffffff; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } @media screen and (max-width:544px) { .SetImage.standard::after { padding: 0 0.5rem 0.5rem 0; font-size:1.5rem; } } .SetImage.wideImage { padding: 0 3rem; box-sizing: border-box; max-width: 86rem; width: 100%; margin: 0 auto 2.5rem; } .SetImage.wideImage .BasicGraphic{ margin-bottom: 2.5rem; } .SetImage.wideImage .description { color: #ffffff; font-size: 0.875rem; line-height: 1.5em; text-align: center; text-transform: uppercase; letter-spacing: 0.2rem; } @media all and (max-width: 1024px) { .SetImage.wideImage{ padding-left: 2rem; padding-right: 2rem; } } @media all and (max-width: 544px) { .SetImage.wideImage{ margin-bottom: 2rem; padding-left: 0.5rem; padding-right: 0.5rem; } .SetImage.wideImage .BasicGraphic{ margin-bottom: 1.75rem; } } .SetLink.simple{ padding: 0.625rem; overflow: hidden; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; } .SetLink.simple .text{ font-family: "Lato-Bold"; padding-left: 4.5rem; padding-top: 0.375rem; font-size: 1rem; } .SetLink.simple .text .BasicText { color:#373737; display:inline; } .SetLink.simple .hover{ font-family: Lato-Italic; display:inline; } .SetLink.simple .roundIcon.default{ float: left; } @media all and (max-width: 1024px) { .SetLink.simple .text{ padding-left: 2.5rem; } } @media all and (max-width: 768px) { .SetLink.simple .title{ width: 100%; float: none; font-size: 1em; padding: 1rem; } .SetLink.simple { padding: 0.5rem; } .SetLink.simple .text{ padding-left: 2.5rem; } } @media all and (max-width: 544px) { .SetLink.simple .text{ font-size: 0.75rem; line-height:0.875rem; } } .SetLink.callToAction{ text-align: center; padding: 0 3rem; box-sizing: border-box; max-width: 86rem; width: 100%; margin: 0 auto 2.5rem; } @media all and (max-width: 1024px) { .SetLink.callToAction{ padding:0 2rem; } } @media all and (max-width: 544px) { .SetLink.callToAction{ margin-bottom: 2rem; } } .SetLink.iconTeaser { background-color:#ffffff; line-height:1.5em; } .SetLink.iconTeaser a { display:block; } .SetLink.iconTeaser a.wrapper { position:relative; } .SetLink.iconTeaser .firstLine { position:relative; background-color:#e6edfb; padding-left:5rem; } .Page.noBg .SetLink.iconTeaser .firstLine { background-color:#e6edfb; } .SetLink.iconTeaser .firstLine .iconWrapper { position:absolute; left:0; top:0; bottom:0; width:5rem; background-color:#b5153f; } .SetLink.iconTeaser .firstLine img { display:inline-block; vertical-align:middle; width:5rem; } .SetLink.iconTeaser .firstLine .title { width:100%; font-size:1.125rem; padding:1.75rem 1.5rem; font-family:Lato-Bold; box-sizing:border-box; } .SetLink.iconTeaser .firstLine .BasicText { display:inline-block; } .SetLink.iconTeaser .secondLine { text-align:center; padding:1.75rem 2.5rem; } @media screen and (max-width:1024px) { .SetLink.iconTeaser .firstLine{ min-height: 3.75rem ; } .SetLink.iconTeaser .firstLine .title { font-size:1.125rem; padding:1rem 1.25rem; } .SetLink.iconTeaser .firstLine .iconTitle { padding-left:3.75rem; } .SetLink.iconTeaser .firstLine .iconWrapper { width:3.75rem; text-align: center; } .SetLink.iconTeaser .firstLine img { width:3rem; } .SetLink.iconTeaser .firstLine .description { font-size:0.75rem; } .SetLink.iconTeaser .firstLine .title { padding-left: 0; } .SetLink.iconTeaser .secondLine { font-size: 0.75rem; line-height: 1.25rem; padding: 1.5rem 1rem 1.5rem; } } .SetLink.formatTeaser { background-color:#ffffff; line-height:1.5em; } .SetLink.formatTeaser a { display:block; } .SetLink.formatTeaser a.wrapper { position:relative; } .SetLink.formatTeaser .firstLine { position:relative; background-color:#e6edfb; display:flex; } .SetLink.formatTeaser .firstLine .iconTitle { padding-left:5rem; position:relative; display:flex; } .SetLink.formatTeaser .firstLine .iconWrapper { position:absolute; left:0; top:0; bottom:0; width:5rem; background-color:#b5153f; } .SetLink.formatTeaser .firstLine img { display:inline-block; vertical-align:middle; width:5rem; } .SetLink.formatTeaser .firstLine .title { width:20rem; font-size:1.5rem; padding:1.75rem 1.5rem; font-family:Lato-Bold; box-sizing:border-box; display:inline-block; vertical-align:middle; } .SetLink.formatTeaser .firstLine .description { background-color: #e0eff7; padding:0.75rem 1.5rem; flex-grow:1; line-height:1.5em; display: flex; align-items: center; } .SetLink.formatTeaser .firstLine .BasicText { display:inline-block; vertical-align:middle; } .SetLink.formatTeaser .secondLine { padding:1.75rem 2.5rem 0.5rem 6.25rem; } .SetLink.formatTeaser .SetText { min-height:3.75rem; min-width:12.5rem; border-width:1px; padding:1.25rem 1.375rem; display:inline-block; box-sizing: border-box; text-align:center; margin-right:1.25rem; margin-bottom:1.25rem; } .SetLink.formatTeaser .SetText .description { display:none !important; } @media screen and (max-width:1024px) { .SetLink.formatTeaser .firstLine .title { font-size:1.125rem; padding:1rem 1.25rem; } .SetLink.formatTeaser .firstLine .iconTitle { padding-left:3.75rem; } .SetLink.formatTeaser .firstLine .iconWrapper { width:3.75rem; text-align: center; } .SetLink.formatTeaser .firstLine img { width:3rem; } .SetLink.formatTeaser .firstLine .description { font-size:0.75rem; } .SetLink.formatTeaser .firstLine .title { width:15rem; } .SetLink.formatTeaser .secondLine { padding-left:5rem; } } @media screen and (max-width:768px) { .SetLink.formatTeaser .firstLine { display:block; } .SetLink.formatTeaser .firstLine .iconTitle { width:100%; } .SetLink.formatTeaser .secondLine { padding:1rem 1rem 0.5rem; text-align:center; } .SetLink.formatTeaser .firstLine .description { padding-left:1rem; padding-right:1rem; } .SetLink.formatTeaser .SetText { padding:0.5rem 0.625rem; margin:0 0.25rem 0.5rem; min-height:0; min-width:0; } } @media screen and (max-width:544px) { .SetLink.formatTeaser .SetText { font-size:0.75rem; padding-top:0.125rem; padding-bottom:0.125rem; } } .SetText.twoColumns.wrapper{ background: #ffffff; padding: 2.625rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; } .SetText.twoColumns h2{ font-size: 1.125rem; padding: 0 0 1rem 0; } .SetText .BasicText { line-height: 1.5rem; } .SetText.twoColumns .moreLink{ padding-top: 0.5rem; text-decoration: underline; } .SetText.twoColumns .showMore{ display: none; padding-top: 1rem ; } .SetText.twoColumns .showMore.open{ display: none; } @media all and (max-width: 1024px) { .ListTextList.twoColumns .wrapper{ padding: 2rem; } } @media all and (max-width: 768px) { .ListTextList.twoColumns .wrapper{ padding: 1.5rem; } } @media all and (max-width: 544px) { .SetText.twoColumns .moreLink{ font-size: 0.875rem; } } .SetText.intro{ text-align: center; padding: 0 3rem; max-width: 86rem; width: 100%; margin: 0 auto; box-sizing: border-box; color: #ffffff; } .Page.noBg .SetText.intro{ color: #373737; } .SetText.intro h2{ font-size: 1.8725rem; padding: 2.5rem 0 5rem 0; color: #ffffff; } .Page.noBg .SetText.intro h2{ color: #373737; } .SetText.intro .BasicText.description { font-family: Lato-Regular; font-size: 1.5rem; line-height: 2.25rem; padding-bottom: 5rem; color: #ffffff; } .Page.noBg .SetText.intro .BasicText.description { color: #373737; } @media all and (max-width: 1024px) { .SetText.intro h2{ font-size: 1.5rem; padding: 0 0 2.5rem 0; } .SetText.intro .BasicText.description { font-size: 1.125rem; line-height: 1.625rem; padding-bottom: 2.5rem; } } @media all and (max-width: 544px) { .SetText.intro{ padding:0 0.5rem 0; } .SetText.intro h2{ font-size: 1.125rem; padding-bottom: 2.5rem; } .SetText.intro .BasicText.description { font-size: 1.125rem; line-height: 1.625rem; } } #wysiwyg .SetVideo .wrapper { position: relative; } .SetVideo .wrapper .hintInactive { position: absolute; background-color: rgba(255, 255, 255, 0.75); top: 0; left: 0; right: 0; bottom: 0; text-align: center; color: #000000; font-size: 1.5rem; } .SetVideo .wrapper .hintInactive:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .SetVideo .wrapper .hintInactive .text { vertical-align: middle; display: inline-block; } .SetVideo { padding: 0 1.25rem 2.5rem; } .SetVideo .wrapper { cursor: pointer; background-color: #ffffff; overflow: hidden; } .SetVideo .title { font-size: 1rem; line-height: 1.5em; margin: 1rem; height: 3rem; overflow: hidden; } @media screen and (max-width: 1024px) { .SetVideo { padding: 0 1rem 2rem; } .SetVideo .title { font-size: 0.75rem; height: 2.25rem; } } @media screen and (max-width: 544px) { .SetVideo { padding: 0 0.25rem 0.5rem; } .SetVideo .title { line-height: 1.2em; height: 2.4em; } } .lightbox.SetVideo td { text-align: center; vertical-align: middle; } .lightbox .BasicVideo { display: inline-block; margin: 0 auto; } .lightbox .BasicVideo img { width: auto; max-width: 100%; max-height: 100%; } .lightbox .BasicVideo video { width: 100%; max-height: inherit; } .lightbox .BasicVideo.hoster { width: 100%; max-width: 1080px; height: auto; margin: 0 auto; } .lightbox .BasicVideo.hoster .videoWrapper { width: 100%; height: 0; padding: 0 0 56.25%; position: relative; } .lightbox .BasicVideo iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } @media screen and (max-height: 1080px) { .lightbox .BasicVideo .VideoBox, .lightbox .BasicVideo.hoster { max-width: 1280px; } } @media screen and (max-height: 720px) { .lightbox .BasicVideo .VideoBox, .lightbox .BasicVideo.hoster { max-width: 1024px; } } @media screen and (max-height: 575px) { .lightbox .BasicVideo .VideoBox, .lightbox .BasicVideo.hoster { max-width: 853px; } } @media screen and (max-height: 479px) { .lightbox .BasicVideo .VideoBox, .lightbox .BasicVideo.hoster { max-width: 568px; } } @media screen and (max-height: 319px) { .lightbox .BasicVideo .VideoBox, .lightbox .BasicVideo.hoster { max-width: 480px; } } @media screen and (max-height: 269px) { .lightbox .BasicVideo .VideoBox, .lightbox .BasicVideo.hoster { max-width: 320px; } } .SetVideo.lightbox { padding: 1rem 1rem 5rem; } .SetVideo.lightbox .title { margin: 0 0 0.5rem; height: auto; display: none; } .SetVideo.lightbox .description { padding: 2rem; } .SetVideo.lightbox .textWrapper { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .SetVideo.lightbox .BasicVideo img { height: auto !important; } .SetVideo.lightbox.descriptionExpanded .textWrapper { white-space: unset; text-overflow: ellipsis; } .ListDownloadList { box-sizing: border-box; margin: 0 auto 2.5rem; max-width: 86rem; padding: 0 3rem; } .ListDownloadList .wrapper{ background: #e6edfb; padding: 1.25rem; overflow: hidden; } .ListDownloadList .title{ font-family: "Lato-Bold"; width: 26rem; float: left; font-size: 1.5rem; padding: 1rem 1.25rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ListDownloadList ul{ float: none; padding-left: 26rem; } .ListDownloadList li{ list-style-type: none; } @media all and (max-width: 1024px) { .ListDownloadList { padding: 0 2rem; } .ListDownloadList .wrapper{ padding: 1rem 1rem; } .ListDownloadList .title{ font-size: 1.375rem; width: 20rem; } .ListDownloadList ul{ padding-left: 20rem; } } @media all and (max-width: 768px) { .ListDownloadList .title{ width: 100%; float: none; font-size: 1em; padding: 1rem 0.5rem; } .ListDownloadList ul{ padding-left: 0; } .ListDownloadList .wrapper{ padding: 0.5rem; } } @media all and (max-width: 544px) { .ListDownloadList{ padding: 0 0.5rem; } } .ListLinkList li{ list-style-type: none; } .ListLinkList.simple { box-sizing: border-box; margin: 0 auto 2.5rem; max-width: 86rem; padding: 0 3rem; } .ListLinkList.simple .wrapper{ background: #e6edfb; padding: 1.25rem; overflow: hidden; } .ListLinkList.simple .title{ font-family: "Lato-Bold"; width: 26rem; float: left; font-size: 1.5rem; padding: 1rem 1.25rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ListLinkList.simple ul{ float: none; padding-left: 26rem; } @media all and (max-width: 1024px) { .ListLinkList.simple { padding: 0 2rem; } .ListLinkList.simple .wrapper{ padding: 1rem 1rem; } .ListLinkList.simple .title{ font-size: 1.375rem; width: 20rem; } .ListLinkList.simple ul{ padding-left: 20rem; } } @media all and (max-width: 768px) { .ListLinkList.simple .title{ width: 100%; float: none; font-size: 1em; padding: 1rem; } .ListLinkList.simple ul{ padding-left: 0; } .ListLinkList.simple .wrapper{ padding: 0.5rem; } } @media all and (max-width: 544px) { .ListLinkList.simple { padding: 0 0.5rem; } } .ListLinkList.iconTeaser { overflow:hidden; padding:0 1.75rem; margin:0 auto 0; width:86rem; box-sizing:border-box; max-width:100%; } .ListLinkList.iconTeaser ul { display:flex; } .ListLinkList.iconTeaser li { width:33.333%; float:left; box-sizing:border-box; padding: 0 1.25rem 2.5rem; display:flex; } .ListLinkList.iconTeaser li .SetLink { width:100%; display:flex; } .Page.noBg .ListLinkList.iconTeaser li .SetLink { box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .ListLinkList.iconTeaser li .SetLink > .wrapper { width:100%; } @media screen and (max-width:1024px) { .ListLinkList.iconTeaser { padding:0 1rem; } .ListLinkList.iconTeaser li { padding: 0 1rem 2.5rem; } } @media screen and (max-width:768px) { .ListLinkList.iconTeaser { padding:0 2rem; } .ListLinkList.iconTeaser ul, .ListLinkList.iconTeaser li .SetLink, .ListLinkList.iconTeaser li { display:block; } .ListLinkList.iconTeaser li { padding: 0 0 2.5rem; width:100%; } } .ListLinkList.formatTeaser { overflow:hidden; padding:0 3rem; margin:0 auto 2.5rem; width:86rem; box-sizing:border-box; max-width:100%; } .ListLinkList.formatTeaser li { box-sizing:border-box; margin-bottom:2.5rem; } @media screen and (max-width:1024px) { .ListLinkList.formatTeaser { padding:0 2rem; } .ListLinkList.formatTeaser li { box-sizing:border-box; margin-bottom:1.75rem; } } @media screen and (max-width:544px) { .ListLinkList.formatTeaser { padding:0 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: #e0eff7; } .ListImageGallery.extendedSlideshow .progressBar .progress { width: 0%; height: 100%; background-color: #000000; } /** 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 { position: relative; margin: 0 auto 2.5rem; padding: 0 2.5rem; max-width: 85rem; box-sizing: border-box; } @media screen and (max-width: 768px) { .ListImageGallery.extendedSlideshow { padding: 0; } } .ListImageGallery.extendedSlideshow .stageWrapper { position: relative; } .ListImageGallery.extendedSlideshow [data-change-slide] { z-index: 100; position: absolute; bottom: 0; top: 0; width: 5rem; cursor: pointer; display: none; } .ListImageGallery.extendedSlideshow [data-change-slide].visible { display: block; } @media screen and (max-width: 768px) { .ListImageGallery.extendedSlideshow [data-change-slide] { width: 2rem; } } @media screen and (max-width: 544px) { .ListImageGallery.extendedSlideshow [data-change-slide].visible { display: none; } } .ListImageGallery.extendedSlideshow [data-change-slide]::before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .ListImageGallery.extendedSlideshow [data-change-slide] span { display: inline-block; vertical-align: middle; text-align: center; color: #ffffff; font-size: 1.5rem; line-height: 2.25rem; width: 2rem; height: 2rem; margin: 0.25rem; background-color: rgba(0, 0, 0, 0); -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } .ListImageGallery.extendedSlideshow .previousImage { left: -2.5rem;; text-align: right; } .ListImageGallery.extendedSlideshow .nextImage { right: -2.5rem; text-align: left; } @media screen and (max-width: 768px) { .ListImageGallery.extendedSlideshow [data-change-slide] span { margin: 0; } .ListImageGallery.extendedSlideshow .previousImage { left: 0;; } .ListImageGallery.extendedSlideshow .nextImage { right: 0; } } .ListImageGallery.slideshowTwoTeasers .stage { margin: 0 1.5rem; } @media screen and (max-width: 768px) { .ListImageGallery.slideshowTwoTeasers .stage { margin: 0 1rem; } } @media screen and (max-width: 544px) { .ListImageGallery.slideshowTwoTeasers .stage { margin: 0; } } .ListImageGallery.extendedSlideshow .translateCss .SetImage { left: -100%; -webkit-transition-property: left, width; -moz-transition-property: left, width; -ms-transition-property: left, width; -o-transition-property: left, width; transition-property: left, width; } .ListImageGallery.slideshowTwoTeasers .SetImage.active { width: 50%; } .ListImageGallery.extendedSlideshow .translateCss .SetImage.active ~ .SetImage.after { width: 50%; left: 100%; } .ListImageGallery.extendedSlideshow .translateCss .SetImage.active ~ .SetImage { left: 200%; } @media screen and (max-width: 544px) { .ListImageGallery.slideshowTwoTeasers .SetImage.active { width: 100%; } .ListImageGallery.extendedSlideshow .translateCss .SetImage.active ~ .SetImage.after { width: 100%; } } .ListImageGallery.standard { margin:0 auto 2.5rem; max-width:100%; width:86rem; box-sizing:border-box; padding:0 1.75rem; } .ListImageGallery.standard ul { list-style:none; overflow:hidden; } .ListImageGallery.standard li { box-sizing:border-box; width:25%; padding:0 1.25rem; margin-bottom:2.5rem; float:left; } .ListImageGallery.standard .count { display:none; } .ListImageGallery.standard li.displayCount .SetImage { position:relative; } .ListImageGallery.standard li.displayCount .SetImage .count { position:absolute; display:block; top:0; bottom:0; right:0; left:0; background-color:rgba(0,0,0,0.5); color:#ffffff; font-size:3rem; text-align:center; font-family:Lato-Bold; } @media screen and (max-width:1024px) { .ListImageGallery.standard { padding:0 1rem; } .ListImageGallery.standard li { padding:0 1rem; margin-bottom:2rem; } } @media screen and (max-width:768px) { .ListImageGallery.standard li { width:50%; } } @media screen and (min-width:545px){ .ListImageGallery.standard:not(.showAll) li:nth-of-type(n+5) { display: none; } } @media screen and (max-width:544px){ .ListImageGallery.standard:not(.showAll) li:nth-of-type(n+7) { display: none; } .ListImageGallery.standard { padding:0; } .ListImageGallery.standard ul { padding:0 0.25rem; } .ListImageGallery.standard li { padding:0 0.25rem; margin-bottom:0.5rem; } .ListImageGallery.standard li.displayCount .SetImage .count { font-size:2rem; } } .ListImageGallery.quote { box-sizing: border-box; margin: 0 auto; max-width: 86rem; padding: 0 3rem; overflow: hidden; } .Page:not(.noBg) .ListImageGallery.quote { margin-bottom: 2.5rem; } .ListImageGallery.quote ul li{ box-sizing: border-box; background: #ffffff; margin-bottom: 2rem; padding: 2.5rem; overflow: hidden; display: block; list-style-type: none; position: relative; } .Page:not(.noBg) .ListImageGallery.quote ul li { min-height: 13.5rem; } .Page.noBg .ListImageGallery.quote ul li { padding-top:0; } .ListImageGallery .moreButton, .ListImageGallery.quote:not(.showAll) li:nth-of-type(n+4) { display: none; } @media all and (max-width: 1024px) { .ListImageGallery.quote { padding: 0 2rem; } .ListImageGallery.quote ul li{ min-height:9.5rem } .ListImageGallery.quote ul li{ padding: 1.5rem; } } @media all and (max-width: 544px) { .ListImageGallery.quote { padding: 0 0.5rem; } .ListImageGallery.quote:not(.showAll) li:nth-of-type(n+4) { display: none; } } .ListImageGallery.extendedSlideshow .navigation { position: relative; overflow: hidden; text-align: center; } .ListImageGallery.extendedSlideshow .navigation ul { float: none; position: relative; display: inline-block; } .ListImageGallery.extendedSlideshow .navigationItems { display: inline-block; height: 1rem; font-size: 0.5rem; line-height: 0.75rem; width: 2.5rem; padding: 2.25rem 0 1rem; cursor: pointer; } @media screen and (max-width:1024px) { .ListImageGallery.extendedSlideshow .navigationItems { width: 2rem; padding: 1.75rem 0 0.5rem; } } .ListImageGallery.extendedSlideshow .navigationItems .roundIcon { width: 0.5rem; height: 0.5rem; background-color: rgba(255,255,255,0.2); vertical-align: middle; } .ListImageGallery.extendedSlideshow .navigationItems.active .roundIcon { background-color: #ffffff; } /* 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; } .lightbox { z-index: 3200; } .lightbox .top { z-index: 3250; } .lightbox .pagination { padding: 2rem; color: #9ca7ac; font-size: 0.75rem; line-height: 1.5em; z-index: 3255; } .lightbox .close { z-index: 3255; } .lightbox .close span { text-shadow: 1px 1px 0 #000000; } .lightbox [data-change-slide] { top:3.25rem; bottom:3.25rem; width:15%; cursor: pointer; display:none; } .lightbox [data-change-slide].visible { display:block; } .lightbox [data-change-slide].hidden.visible { display:block !important; } .lightbox .previousImage span, .lightbox .nextImage span { visibility: initial; font-size: 2.5rem; line-height: 2.5rem; height: 2.5rem; margin-top: -2.5rem; } @media screen and (max-width: 1024px) { .lightbox .previousImage span, .lightbox .nextImage span { font-size: 1.25rem; line-height: 1.25rem; height: 1.25rem; margin-top: -1.25rem; } } @media screen and (max-width:544px) { .lightbox [data-change-slide], .lightbox [data-change-slide].visible { display:none; } .lightbox [data-change-slide].hidden.visible { display:none !important; } .lightbox .lightboxNavigation { display:none; } } .lightbox .absbottom { overflow: hidden; position: absolute; cursor: pointer; left:0; bottom: 0; width: 33.33%; background-color: rgba(0,0,0,0.5); } @media screen and (max-width: 544px) { .lightbox .absbottom { width: 100%; } } .lightbox .absbottom .BasicText { color: #9ca7ac; font-size: 0.75rem; line-height: 1.2em; } .lightbox .BasicText .textWrapper { text-overflow: ellipsis; overflow:hidden; white-space: nowrap; } .lightbox.descriptionExpanded .BasicText .textWrapper { text-overflow:inherit; white-space: normal; } .lightbox .SetImage .BasicText.description, .lightbox .SetImage .BasicText.copyright { text-align: left; font-size: 0.75rem; line-height: 1.2em; color: #9ca7ac; padding: 1.75rem; overflow: hidden; } @media screen and (max-width: 1024px) { .lightbox .SetImage .BasicText.description, .lightbox .SetImage .BasicText.copyright { padding: 1.25rem; } } .lightbox .SetImage .BasicText.description ~ .BasicText { padding-top: 0; } .ListTextList.twoColumns{ box-sizing: border-box; margin: 0 auto 0; max-width: 86rem; padding: 0 1.75rem; } .ListTextList.twoColumns .columnWrapper{ clear: both; display: flex; flex-wrap: wrap; } .ListTextList.twoColumns .row{ box-sizing: border-box; padding: 0 1.25rem 2.5rem; width: 50%; display: flex; } @media all and (max-width: 1024px) { .ListTextList.twoColumns { padding: 0 0.75rem 0; margin: 0 auto 0; } .ListTextList.twoColumns .row{ padding: 0 1.25rem 2.25rem; } } @media all and (max-width: 768px) { .ListTextList.twoColumns .row{ width: 100%; padding: 0 1.25rem 2.0rem ; } } @media all and (max-width: 544px) { .ListTextList.twoColumns{ padding: 0 0.5rem; margin: 0 auto 2rem; } .ListTextList.twoColumns .row{ padding: 0 0 0.5rem ; } .ListTextList.twoColumns .description{ font-size: 0.75rem; line-height: 1.125rem; } } .ListVideoList { overflow: hidden; margin: 0 auto 2.5rem; padding: 0 1.75rem; max-width: 86rem; width: 100%; box-sizing: border-box; } @media screen and (max-width: 1024px) { .ListVideoList { padding: 0 1rem; } } @media screen and (max-width: 544px) { .ListVideoList { padding: 0; } } .ListVideoList>.wrapper>.title { display: none; } .ListVideoList .wrapper { overflow: hidden; position:relative; } .ListVideoList .SetVideo { float: left; width: 25%; box-sizing: border-box; } @media screen and (max-width: 768px) { .ListVideoList .SetVideo { width: 50%; } } @media screen and (min-width:545px){ .ListVideoList:not(.showAll) > .wrapper > .SetVideo:nth-of-type(n+5) { display: none; } } @media screen and (max-width:544px){ .ListVideoList:not(.showAll) > .wrapper > .SetVideo:nth-of-type(n+5) { display: none; } .ListVideoList > .wrapper { padding: 0 0.25rem; } } .ListVideoList .SetVideo .count { display: none; } .ListVideoList .SetVideo.displayCount .count { position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0,0,0,0.5); color: #ffffff; font-size: 3rem; text-align: center; font-family: Lato-Bold; }