/* default styles for extension "tx_frontend" */ .ce-align-left { text-align: left; } .ce-align-center { text-align: center; } .ce-align-right { text-align: right; } .ce-table td, .ce-table th { vertical-align: top; } .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; } .ce-left .ce-gallery, .ce-column { float: left; } .ce-center .ce-outer { position: relative; float: right; right: 50%; } .ce-center .ce-inner { position: relative; float: right; right: -50%; } .ce-right .ce-gallery { float: right; } .ce-gallery figure { display: table; margin: 0; } .ce-gallery figcaption { display: table-caption; caption-side: bottom; } .ce-gallery img { display: block; } .ce-gallery iframe { border-width: 0; } .ce-border img, .ce-border iframe { border: 2px solid #CCCCCC; padding: 0px; } .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery { margin-bottom: 18px; } .ce-image .ce-gallery { margin-bottom: 0; } .ce-intext.ce-right .ce-gallery { margin-left: 18px; } .ce-intext.ce-left .ce-gallery { margin-right: 18px; } .ce-below .ce-gallery { margin-top: 18px; } .ce-column { margin-right: 10px; } .ce-column:last-child { margin-right: 0; } .ce-row { margin-bottom: 10px; } .ce-row:last-child { margin-bottom: 0; } .ce-above .ce-bodytext { clear: both; } .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; } /* Headline */ .ce-headline-left { text-align: left; } .ce-headline-center { text-align: center; } .ce-headline-right { text-align: right; } /* Uploads */ .ce-uploads { margin: 0; padding: 0; } .ce-uploads li { list-style: none outside none; margin: 1em 0; } .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; } .ce-uploads span { display: block; } /* Table */ .ce-table { width: 100%; max-width: 100%; } .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; } .ce-table thead th { border-bottom: 2px solid #dadada; } .ce-table th, .ce-table td { border-top: 1px solid #dadada; } .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); } .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; } /* Space */ .frame-space-before-extra-small { margin-top: 1em; } .frame-space-before-small { margin-top: 2em; } .frame-space-before-medium { margin-top: 3em; } .frame-space-before-large { margin-top: 4em; } .frame-space-before-extra-large { margin-top: 5em; } .frame-space-after-extra-small { margin-bottom: 1em; } .frame-space-after-small { margin-bottom: 2em; } .frame-space-after-medium { margin-bottom: 3em; } .frame-space-after-large { margin-bottom: 4em; } .frame-space-after-extra-large { margin-bottom: 5em; } /* Frame */ .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; } .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; } .frame-indent { margin-left: 15%; margin-right: 15%; } .frame-indent-left { margin-left: 33%; } .frame-indent-right { margin-right: 33%; } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -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); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*************************** Icons ***************************/ /*************************** Font ***************************/ /*************************** Forms ***************************/ /*************************** Widths & Margins ***************************/ /*************************** Others ***************************/ h2, .h-h2, h3, .h-h3, h4, .h-h4, h5, .h-h5, h6, .h-h6, .h-headline-highlight { margin-top: 4rem; } h2:first-child, .h-h2:first-child, h3:first-child, .h-h3:first-child, h4:first-child, .h-h4:first-child, h5:first-child, .h-h5:first-child, h6:first-child, .h-h6:first-child, .h-headline-highlight:first-child { margin-top: 0 !important; } h1, .h-h1, h2, .h-h2, h3, .h-h3, h4, .h-h4, h5, .h-h5, h6, .h-h6, .h-headline-highlight { color: #333; font-family: "Open Sans", sans-serif; font-weight: 600; margin-bottom: 2.4rem; } h1 + h2, .h-h1 + h2, h2 + h2, .h-h2 + h2, h3 + h2, .h-h3 + h2, h4 + h2, .h-h4 + h2, h5 + h2, .h-h5 + h2, h6 + h2, .h-h6 + h2, .h-headline-highlight + h2, h1 + .h-h2, .h-h1 + .h-h2, h2 + .h-h2, .h-h2 + .h-h2, h3 + .h-h2, .h-h3 + .h-h2, h4 + .h-h2, .h-h4 + .h-h2, h5 + .h-h2, .h-h5 + .h-h2, h6 + .h-h2, .h-h6 + .h-h2, .h-headline-highlight + .h-h2, h1 + h3, .h-h1 + h3, h2 + h3, .h-h2 + h3, h3 + h3, .h-h3 + h3, h4 + h3, .h-h4 + h3, h5 + h3, .h-h5 + h3, h6 + h3, .h-h6 + h3, .h-headline-highlight + h3, h1 + .h-h3, .h-h1 + .h-h3, h2 + .h-h3, .h-h2 + .h-h3, h3 + .h-h3, .h-h3 + .h-h3, h4 + .h-h3, .h-h4 + .h-h3, h5 + .h-h3, .h-h5 + .h-h3, h6 + .h-h3, .h-h6 + .h-h3, .h-headline-highlight + .h-h3, h1 + h4, .h-h1 + h4, h2 + h4, .h-h2 + h4, h3 + h4, .h-h3 + h4, h4 + h4, .h-h4 + h4, h5 + h4, .h-h5 + h4, h6 + h4, .h-h6 + h4, .h-headline-highlight + h4, h1 + .h-h4, .h-h1 + .h-h4, h2 + .h-h4, .h-h2 + .h-h4, h3 + .h-h4, .h-h3 + .h-h4, h4 + .h-h4, .h-h4 + .h-h4, h5 + .h-h4, .h-h5 + .h-h4, h6 + .h-h4, .h-h6 + .h-h4, .h-headline-highlight + .h-h4, h1 + h5, .h-h1 + h5, h2 + h5, .h-h2 + h5, h3 + h5, .h-h3 + h5, h4 + h5, .h-h4 + h5, h5 + h5, .h-h5 + h5, h6 + h5, .h-h6 + h5, .h-headline-highlight + h5, h1 + .h-h5, .h-h1 + .h-h5, h2 + .h-h5, .h-h2 + .h-h5, h3 + .h-h5, .h-h3 + .h-h5, h4 + .h-h5, .h-h4 + .h-h5, h5 + .h-h5, .h-h5 + .h-h5, h6 + .h-h5, .h-h6 + .h-h5, .h-headline-highlight + .h-h5, h1 + h6, .h-h1 + h6, h2 + h6, .h-h2 + h6, h3 + h6, .h-h3 + h6, h4 + h6, .h-h4 + h6, h5 + h6, .h-h5 + h6, h6 + h6, .h-h6 + h6, .h-headline-highlight + h6, h1 + .h-h6, .h-h1 + .h-h6, h2 + .h-h6, .h-h2 + .h-h6, h3 + .h-h6, .h-h3 + .h-h6, h4 + .h-h6, .h-h4 + .h-h6, h5 + .h-h6, .h-h5 + .h-h6, h6 + .h-h6, .h-h6 + .h-h6, .h-headline-highlight + .h-h6, h1 + .h-headline-highlight, .h-h1 + .h-headline-highlight, h2 + .h-headline-highlight, .h-h2 + .h-headline-highlight, h3 + .h-headline-highlight, .h-h3 + .h-headline-highlight, h4 + .h-headline-highlight, .h-h4 + .h-headline-highlight, h5 + .h-headline-highlight, .h-h5 + .h-headline-highlight, h6 + .h-headline-highlight, .h-h6 + .h-headline-highlight, .h-headline-highlight + .h-headline-highlight { margin-top: 0 !important; } h1, .h-h1, .h-headline-highlight-wrapper header h2, .h-headline-highlight { font-size: 30px; font-size: 2.143rem; line-height: 130%; } h2, .h-h2, .h-headline-highlight-wrapper header h3 { font-size: 22px; font-size: 1.571rem; line-height: 130%; } h3, .h-h3 { font-size: 18px; font-size: 1.286rem; line-height: 130%; } h4, .h-h4 { font-size: 15px; font-size: 1.071rem; line-height: 130%; } h5, .h-h5 { font-size: 14px; font-size: 1rem; line-height: 130%; } h6, .h-h6 { font-size: 14px; font-size: 1rem; line-height: 130%; } .h-clean-headline-color h1, .h-clean-headline-color .h-h1, .h-clean-headline-color h2, .h-clean-headline-color .h-h2, .h-clean-headline-color h3, .h-clean-headline-color .h-h3, .h-clean-headline-color h4, .h-clean-headline-color .h-h4, .h-clean-headline-color h5, .h-clean-headline-color .h-h5, .h-clean-headline-color h6, .h-clean-headline-color .h-h6 { color: inherit; } .h-headline-highlight-wrapper header h2, .h-headline-highlight-wrapper header h3, .h-headline-highlight-wrapper header h4, .h-headline-highlight-wrapper header h5, .h-headline-highlight-wrapper header h6, .h-headline-highlight { font-family: "Caveat", sans-serif; font-weight: 400; } .h-headline-highlight-wrapper header h2 b, .h-headline-highlight-wrapper header h3 b, .h-headline-highlight-wrapper header h4 b, .h-headline-highlight-wrapper header h5 b, .h-headline-highlight-wrapper header h6 b, .h-headline-highlight b, .h-headline-highlight-wrapper header h2 strong, .h-headline-highlight-wrapper header h3 strong, .h-headline-highlight-wrapper header h4 strong, .h-headline-highlight-wrapper header h5 strong, .h-headline-highlight-wrapper header h6 strong, .h-headline-highlight strong { font-weight: 700; } @media screen and (max-width: 1070px) { h2, .h-h2, h3, .h-h3, h4, .h-h4, h5, .h-h5, h6, .h-h6, .h-headline-highlight { margin-top: 3rem; } } @media screen and (max-width: 640px) { h2, .h-h2, h3, .h-h3, h4, .h-h4, h5, .h-h5, h6, .h-h6, .h-headline-highlight { margin-top: 2rem; } h1, .h-h1, .h-headline-highlight-wrapper header h2, .h-headline-highlight { font-size: 22px; font-size: 1.571rem; line-height: 130%; } h2, .h-h2, .h-headline-highlight-wrapper header h3 { font-size: 18px; font-size: 1.286rem; line-height: 130%; } } p { margin-bottom: 1.6rem; } .text-hint { font-size: 13px; font-size: 0.929rem; line-height: 160%; border-left: #E2E1E0 3px solid; margin-bottom: 4rem; padding-left: 12.5px; } @media screen and (max-width: 1070px) { .text-hint { margin-bottom: 3rem; } } @media screen and (max-width: 640px) { .text-hint { margin-bottom: 2rem; } } .text-box { font-size: 13px; font-size: 0.929rem; line-height: 160%; background: #F1F0EF; margin-bottom: 4rem; padding: 16.65px; } @media screen and (max-width: 1070px) { .text-box { margin-bottom: 3rem; } } @media screen and (max-width: 640px) { .text-box { margin-bottom: 2rem; } } a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: inherit; display: inline-block; font-weight: 600; text-decoration: underline; } a:link, a:active, a:visited, a:hover, a:focus { outline: none; } a[href^="http"]:not(:empty):not(.h-clean):not([href^="https://www.vivat.de"])::after { content: '\e8f4'; display: inline-block; font-family: "cs-icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; speak: none; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; margin-left: 0.4em; margin-right: 0.2em; text-decoration: none; } a img { border: 0 none; } a.h-clean { font-weight: inherit; text-decoration: none; } .h-clean-link-styles a { font-weight: inherit; text-decoration: none; } .h-clean-link-styles a[href^="http"]:not(:empty):not(.h-clean):not([href^="https://www.vivat.de"])::after { display: none; } .h-inline-link-styles a { display: inline; } .link-highlight { color: #C40D1E; font-weight: 400; text-decoration: none; } .button { font-size: 14px; font-size: 1rem; line-height: 160%; background-color: #C40D1E; border: 1px solid #C40D1E; border-radius: 3px; color: #FFF; font-weight: 600; margin: 1.6rem 0; padding: 10px 12px; padding-left: 30px; padding-right: 30px; text-decoration: none; transition: all 0.2s ease; } .button:hover { background: #ac0b1a; border-color: #ac0b1a; color: #FFF; cursor: pointer; } .button--bordered-arrow-left, .button--bordered-arrow-down, .button--bordered-arrow-up, .button--bordered { background: #FFF; border: 1px solid #E2E1E0; color: #333; } .button--bordered-arrow-left:hover, .button--bordered-arrow-down:hover, .button--bordered-arrow-up:hover, .button--bordered:hover { background: #F1F0EF; border: 1px solid #E2E1E0; color: #333; } .button--bordered-arrow-down, .button--bordered-arrow-up { text-align: left; min-width: 240px; padding-left: 15px; position: relative; } .button--bordered-arrow-down::after, .button--bordered-arrow-up::after { font-size: 20px; font-size: 1.429rem; line-height: 100%; content: '\f106'; display: inline-block; font-family: "cs-icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; margin-right: 0.2em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; color: #C40D1E; position: absolute; right: 3px; top: 9px; } .button--bordered-arrow-down::after { content: '\f107'; display: inline-block; font-family: "cs-icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; margin-right: 0.2em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; } .button--bordered-arrow-left { padding-left: 37.5px; position: relative; } .button--bordered-arrow-left::before { font-size: 15px; font-size: 1.071rem; line-height: 100%; content: '\e8c4'; display: inline-block; font-family: "cs-icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; margin-right: 0.2em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; color: #C40D1E; position: absolute; left: 18px; top: 13px; } .link-arrow-right, .link-angle-right { font-weight: 600; text-decoration: none; } .link-arrow-right::after, .link-angle-right::after { font-size: 20px; font-size: 1.429rem; line-height: 100%; content: '\f105'; display: inline-block; font-family: "cs-icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; margin-right: 0.2em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; color: #C40D1E; margin-right: 0; position: relative; top: 2px; } .link-arrow-right:hover, .link-angle-right:hover { text-decoration: underline; } .link-arrow-right:hover::after, .link-angle-right:hover::after { text-decoration: none; } .link-arrow-right { font-size: 15px; font-size: 1.071rem; line-height: 160%; } .link-arrow-right::after { font-size: 15px; font-size: 1.071rem; line-height: 100%; content: '\e8c6'; margin-left: 0.3em; top: 0; } .ce-uploads, ul, ol { margin-bottom: 1.6rem; padding-left: 15px; } .ce-uploads li, ul li, ol li { margin-bottom: 0.8rem; } .ce-uploads li:last-child, ul li:last-child, ol li:last-child { margin-bottom: 0; } .ce-uploads.f3-widget-paginator, ul.f3-widget-paginator, ol.f3-widget-paginator, .ce-uploads.h-clean, ul.h-clean, ol.h-clean { margin-bottom: 0; padding-left: 0; } .ce-uploads.f3-widget-paginator li, ul.f3-widget-paginator li, ol.f3-widget-paginator li, .ce-uploads.h-clean li, ul.h-clean li, ol.h-clean li { margin-bottom: 0; } .ce-uploads.f3-widget-paginator li::before, ul.f3-widget-paginator li::before, ol.f3-widget-paginator li::before, .ce-uploads.h-clean li::before, ul.h-clean li::before, ol.h-clean li::before { display: none; } .ce-uploads, ul { list-style: none; } .ce-uploads li, ul li { position: relative; } .ce-uploads li::before, ul li::before { background-color: #333; border-radius: 50%; content: ""; height: 5px; left: -15px; position: absolute; text-indent: -999px; top: 7px; width: 5px; } .h-clean-list-styles ul, .h-clean-list-styles ol { margin-bottom: 0; padding-left: 0; } .h-clean-list-styles ul li, .h-clean-list-styles ol li { margin-bottom: 0; } .h-clean-list-styles ul li::before, .h-clean-list-styles ol li::before { display: none; } .ce-uploads, .list-checklist, .list-links, .list-sections { padding-left: 25px; } .ce-uploads li::before, .list-checklist li::before, .list-links li::before, .list-sections li::before { font-size: 15px; font-size: 1.071rem; line-height: 100%; content: '\e8dd'; display: inline-block; font-family: "cs-icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; margin-right: 0.2em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; background: none; border-radius: 0; color: #C40D1E; height: auto; left: -24px; text-indent: 0; top: 3px; width: auto; } .ce-uploads--frame-margin, .list-checklist--frame-margin, .list-links--frame-margin, .list-sections--frame-margin { margin-bottom: 4rem; } .ce-uploads, .list-links, .list-sections { font-size: 15px; font-size: 1.071rem; line-height: 160%; } .ce-uploads li::before, .list-links li::before, .list-sections li::before { content: '\e8bc'; top: 4px; } .ce-uploads li a, .list-links li a, .list-sections li a { text-decoration: none; } .ce-uploads li a:hover, .list-links li a:hover, .list-sections li a:hover { text-decoration: underline; } .ce-uploads li a:hover::before, .list-links li a:hover::before, .list-sections li a:hover::before { text-decoration: none; } .list-sections li::before { content: '\e8bb'; } @media screen and (max-width: 1070px) { .list-checklist--frame-margin, .list-links--frame-margin, .list-sections--frame-margin { margin-bottom: 3rem; } } @media screen and (max-width: 640px) { .list-checklist--frame-margin, .list-links--frame-margin, .list-sections--frame-margin { margin-bottom: 2rem; } } table { border-spacing: 0; margin-bottom: 1.6rem; width: 100%; } table th, table td { padding: 7px 25px; text-align: left; } table th { background-color: #F1F0EF; } table tr:nth-child(even) td { background-color: #F1F0EF; } table.h-clean th, table.h-clean td { padding: 0 25px 0 0; } table.h-clean th:first-child, table.h-clean td:first-child { padding-left: 0; } table.h-clean th:last-child, table.h-clean td:last-child { padding-right: 0; } table.h-clean th { background: none; } table.h-clean tr:nth-child(even) td { background: none; } .h-clean-table-styles table th, .h-clean-table-styles table td { padding: 0 25px 0 0; } .h-clean-table-styles table th:first-child, .h-clean-table-styles table td:first-child { padding-left: 0; } .h-clean-table-styles table th:last-child, .h-clean-table-styles table td:last-child { padding-right: 0; } .h-clean-table-styles table th { background: none; } .h-clean-table-styles table tr:nth-child(even) td { background: none; } .tag { font-size: 13px; font-size: 0.929rem; line-height: 160%; border-radius: 3px; background: #DAD7D3; display: inline-block; font-weight: 600; margin-bottom: 0.8rem; padding: 5px 15px; } @font-face { font-display: fallback; font-family: 'cs-icons'; src: url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/FontelloIcons/cs-icons.eot?2655991'); src: url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/FontelloIcons/cs-icons.eot?2655991#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/FontelloIcons/cs-icons.woff2?2655991') format('woff2'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/FontelloIcons/cs-icons.woff?2655991') format('woff'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/FontelloIcons/cs-icons.ttf?2655991') format('truetype'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/FontelloIcons/cs-icons.svg?2655991#cs-icons') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-display: fallback; font-family: 'Open Sans'; src: url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-regular.eot'); src: url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-regular.eot#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-regular.woff2') format('woff2'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-regular.woff') format('woff'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-regular.ttf') format('truetype'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-regular.svg#Open Sans') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-display: fallback; font-family: 'Open Sans'; src: url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-italic.eot'); src: url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-italic.eot#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-italic.woff2') format('woff2'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-italic.woff') format('woff'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-italic.ttf') format('truetype'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-italic.svg#Open Sans') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-display: fallback; font-family: 'Open Sans'; src: url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-600.eot'); src: url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-600.eot#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-600.woff2') format('woff2'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-600.woff') format('woff'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-600.ttf') format('truetype'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-600.svg#Open Sans') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-display: fallback; font-family: 'Open Sans'; src: url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-600italic.eot'); src: url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-600italic.eot#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-600italic.woff2') format('woff2'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-600italic.woff') format('woff'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-600italic.ttf') format('truetype'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/OpenSans/open-sans-v18-latin-600italic.svg#Open Sans') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-display: fallback; font-family: 'Caveat'; src: url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/Caveat/caveat-v8-latin-regular.eot'); src: url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/Caveat/caveat-v8-latin-regular.eot#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/Caveat/caveat-v8-latin-regular.woff2') format('woff2'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/Caveat/caveat-v8-latin-regular.woff') format('woff'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/Caveat/caveat-v8-latin-regular.ttf') format('truetype'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/Caveat/caveat-v8-latin-regular.svg#Caveat') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-display: fallback; font-family: 'Caveat'; src: url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/Caveat/caveat-v8-latin-700.eot'); src: url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/Caveat/caveat-v8-latin-700.eot#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/Caveat/caveat-v8-latin-700.woff2') format('woff2'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/Caveat/caveat-v8-latin-700.woff') format('woff'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/Caveat/caveat-v8-latin-700.ttf') format('truetype'), url('../../../typo3conf/ext/cs_templates/Resources/Public/Fonts/Caveat/caveat-v8-latin-700.svg#Caveat') format('svg'); font-weight: 700; font-style: normal; } * { margin: 0; padding: 0; } body, html { color: #333; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 160%; overflow-x: hidden; -webkit-text-size-adjust: none; } body.cke_editable, html.cke_editable { margin: 10px; } ::-moz-selection { background: #C40D1E; color: #FFF; } ::selection { background: #C40D1E; color: #FFF; } iframe { border: none; } /*************************** Blockquote ***************************/ blockquote { font-size: 20px; font-size: 1.429rem; line-height: 160%; font-style: italic; font-weight: 600; margin-bottom: 4rem; } blockquote::before { content: '„'; } blockquote::after { content: '“'; } blockquote > * { display: inline; } @media screen and (max-width: 1070px) { blockquote { margin-bottom: 3rem; } } @media screen and (max-width: 640px) { blockquote { margin-bottom: 2rem; } } /*************************** Images ***************************/ img { display: block; height: auto; margin-bottom: 1.6rem; max-width: 100%; } img.lazyload-image { width: 100%; } img.lazyload-image.lazyload[srcset="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA="] { /* fix slider height is bigger because of the empty pixel - set the height of this pixel to 0 */ height: 0; } .h-clean-image-styles img { margin-bottom: 0; } /*************************** Horizontal Lines ***************************/ hr, div.hr--large { border: none; border-top: 1px solid #E2E1E0; color: transparent; height: 0; margin: 4rem 0; } hr.hr--large, div.hr--large.hr--large { left: 50%; margin-left: -50vw; position: relative; width: 100vw; } @media screen and (max-width: 1070px) { hr { margin: 3rem 0; } } @media screen and (max-width: 640px) { hr { margin: 2rem 0; } } /*************************** b & strong ***************************/ b, strong { font-weight: 600; } /*************************** Sub & Sup ***************************/ sup, sub { position: relative; top: -0.4em; vertical-align: baseline; } sub { top: 0.4em; } /*************************** Editor Helpers ***************************/ .h-text-left, .text-left { text-align: left; } .h-text-center, .text-center { text-align: center; } .h-text-right, .text-right { text-align: right; } .h-text-justify, .text-justify { text-align: justify; } .h-font-style-italic { font-style: italic; } .h-color-light { color: #666; } .h-font-size-large { font-size: 15px; font-size: 1.071rem; line-height: 160%; } .h-font-size-small { font-size: 13px; font-size: 0.929rem; line-height: 160%; } .h-font-size-extra-small { font-size: 12px; font-size: 0.857rem; line-height: 160%; } .h-text-small { max-width: 480px; margin-right: auto; margin-left: auto; } .cs-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -18px; } .cs-row > [class^="cs-col-"], .cs-row > [class*=" cs-col-"] { -ms-flex: 0 0 auto; flex: 0 0 auto; min-height: 1px; padding: 0 18px; position: relative; } .cs-row > .cs-col-d-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .cs-row > .cs-col-d-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; width: 91.66666667%; } .cs-row > .cs-col-d-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; width: 83.33333333%; } .cs-row > .cs-col-d-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; width: 75%; } .cs-row > .cs-col-d-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; width: 66.66666667%; } .cs-row > .cs-col-d-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; width: 58.33333333%; } .cs-row > .cs-col-d-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } .cs-row > .cs-col-d-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; width: 41.66666667%; } .cs-row > .cs-col-d-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; width: 33.33333333%; } .cs-row > .cs-col-d-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; width: 25%; } .cs-row > .cs-col-d-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; width: 16.66666667%; } .cs-row > .cs-col-d-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; width: 8.33333333%; } .cs-row.cs-row--base-10 > .cs-col-d-12, .cs-row.cs-row--base-10 > .cs-col-d-11, .cs-row.cs-row--base-10 > .cs-col-d-10 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .cs-row.cs-row--base-10 > .cs-col-d-9 { -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; width: 90%; } .cs-row.cs-row--base-10 > .cs-col-d-8 { -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; width: 80%; } .cs-row.cs-row--base-10 > .cs-col-d-7 { -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; width: 70%; } .cs-row.cs-row--base-10 > .cs-col-d-6 { -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; width: 60%; } .cs-row.cs-row--base-10 > .cs-col-d-5 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } .cs-row.cs-row--base-10 > .cs-col-d-4 { -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; width: 40%; } .cs-row.cs-row--base-10 > .cs-col-d-3 { -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; width: 30%; } .cs-row.cs-row--base-10 > .cs-col-d-2 { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; width: 20%; } .cs-row.cs-row--base-10 > .cs-col-d-1 { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; width: 10%; } @media screen and (max-width: 1070px) { .cs-row > [class^="cs-col-d-"], .cs-row > [class*=" cs-col-d-"] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; margin-bottom: 3rem; } .cs-row > [class^="cs-col-d-"]:last-child, .cs-row > [class*=" cs-col-d-"]:last-child { margin-bottom: 0; } .cs-row > [class^="cs-col-t-"], .cs-row > [class*=" cs-col-t-"] { margin-bottom: 0; } .cs-row.cs-row--base-10 > [class^="cs-col-d-"], .cs-row.cs-row--base-10 > [class*=" cs-col-d-"] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; margin-bottom: 3rem; } .cs-row.cs-row--base-10 > [class^="cs-col-d-"]:last-child, .cs-row.cs-row--base-10 > [class*=" cs-col-d-"]:last-child { margin-bottom: 0; } .cs-row.cs-row--base-10 > [class^="cs-col-t-"], .cs-row.cs-row--base-10 > [class*=" cs-col-t-"] { margin-bottom: 0; } .cs-row > .cs-col-t-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .cs-row > .cs-col-t-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; width: 91.66666667%; } .cs-row > .cs-col-t-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; width: 83.33333333%; } .cs-row > .cs-col-t-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; width: 75%; } .cs-row > .cs-col-t-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; width: 66.66666667%; } .cs-row > .cs-col-t-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; width: 58.33333333%; } .cs-row > .cs-col-t-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } .cs-row > .cs-col-t-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; width: 41.66666667%; } .cs-row > .cs-col-t-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; width: 33.33333333%; } .cs-row > .cs-col-t-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; width: 25%; } .cs-row > .cs-col-t-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; width: 16.66666667%; } .cs-row > .cs-col-t-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; width: 8.33333333%; } .cs-row.cs-row--base-10 > .cs-col-t-12, .cs-row.cs-row--base-10 > .cs-col-t-11, .cs-row.cs-row--base-10 > .cs-col-t-10 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .cs-row.cs-row--base-10 > .cs-col-t-9 { -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; width: 90%; } .cs-row.cs-row--base-10 > .cs-col-t-8 { -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; width: 80%; } .cs-row.cs-row--base-10 > .cs-col-t-7 { -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; width: 70%; } .cs-row.cs-row--base-10 > .cs-col-t-6 { -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; width: 60%; } .cs-row.cs-row--base-10 > .cs-col-t-5 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } .cs-row.cs-row--base-10 > .cs-col-t-4 { -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; width: 40%; } .cs-row.cs-row--base-10 > .cs-col-t-3 { -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; width: 30%; } .cs-row.cs-row--base-10 > .cs-col-t-2 { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; width: 20%; } .cs-row.cs-row--base-10 > .cs-col-t-1 { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; width: 10%; } } @media screen and (max-width: 768px) { .cs-row > [class^="cs-col-t-"], .cs-row > [class*=" cs-col-t-"] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; margin-bottom: 3rem; } .cs-row > [class^="cs-col-t-"]:last-child, .cs-row > [class*=" cs-col-t-"]:last-child { margin-bottom: 0; } .cs-row > [class^="cs-col-ts-"], .cs-row > [class*=" cs-col-ts-"] { margin-bottom: 0; } .cs-row.cs-row--base-10 > [class^="cs-col-t-"], .cs-row.cs-row--base-10 > [class*=" cs-col-t-"] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; margin-bottom: 3rem; } .cs-row.cs-row--base-10 > [class^="cs-col-t-"]:last-child, .cs-row.cs-row--base-10 > [class*=" cs-col-t-"]:last-child { margin-bottom: 0; } .cs-row.cs-row--base-10 > [class^="cs-col-ts-"], .cs-row.cs-row--base-10 > [class*=" cs-col-ts-"] { margin-bottom: 0; } .cs-row > .cs-col-ts-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .cs-row > .cs-col-ts-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; width: 91.66666667%; } .cs-row > .cs-col-ts-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; width: 83.33333333%; } .cs-row > .cs-col-ts-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; width: 75%; } .cs-row > .cs-col-ts-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; width: 66.66666667%; } .cs-row > .cs-col-ts-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; width: 58.33333333%; } .cs-row > .cs-col-ts-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } .cs-row > .cs-col-ts-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; width: 41.66666667%; } .cs-row > .cs-col-ts-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; width: 33.33333333%; } .cs-row > .cs-col-ts-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; width: 25%; } .cs-row > .cs-col-ts-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; width: 16.66666667%; } .cs-row > .cs-col-ts-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; width: 8.33333333%; } .cs-row.cs-row--base-10 > .cs-col-ts-12, .cs-row.cs-row--base-10 > .cs-col-ts-11, .cs-row.cs-row--base-10 > .cs-col-ts-10 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .cs-row.cs-row--base-10 > .cs-col-ts-9 { -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; width: 90%; } .cs-row.cs-row--base-10 > .cs-col-ts-8 { -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; width: 80%; } .cs-row.cs-row--base-10 > .cs-col-ts-7 { -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; width: 70%; } .cs-row.cs-row--base-10 > .cs-col-ts-6 { -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; width: 60%; } .cs-row.cs-row--base-10 > .cs-col-ts-5 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } .cs-row.cs-row--base-10 > .cs-col-ts-4 { -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; width: 40%; } .cs-row.cs-row--base-10 > .cs-col-ts-3 { -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; width: 30%; } .cs-row.cs-row--base-10 > .cs-col-ts-2 { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; width: 20%; } .cs-row.cs-row--base-10 > .cs-col-ts-1 { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; width: 10%; } } @media screen and (max-width: 640px) { .cs-row > [class^="cs-col-ts-"], .cs-row > [class*=" cs-col-ts-"] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; margin-bottom: 2rem; } .cs-row > [class^="cs-col-ts-"]:last-child, .cs-row > [class*=" cs-col-ts-"]:last-child { margin-bottom: 0; } .cs-row > [class^="cs-col-m-"], .cs-row > [class*=" cs-col-m-"] { margin-bottom: 0; } .cs-row.cs-row--base-10 > [class^="cs-col-ts-"], .cs-row.cs-row--base-10 > [class*=" cs-col-ts-"] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; margin-bottom: 2rem; } .cs-row.cs-row--base-10 > [class^="cs-col-ts-"]:last-child, .cs-row.cs-row--base-10 > [class*=" cs-col-ts-"]:last-child { margin-bottom: 0; } .cs-row.cs-row--base-10 > [class^="cs-col-m-"], .cs-row.cs-row--base-10 > [class*=" cs-col-m-"] { margin-bottom: 0; } .cs-row > .cs-col-m-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .cs-row > .cs-col-m-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; width: 91.66666667%; } .cs-row > .cs-col-m-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; width: 83.33333333%; } .cs-row > .cs-col-m-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; width: 75%; } .cs-row > .cs-col-m-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; width: 66.66666667%; } .cs-row > .cs-col-m-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; width: 58.33333333%; } .cs-row > .cs-col-m-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } .cs-row > .cs-col-m-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; width: 41.66666667%; } .cs-row > .cs-col-m-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; width: 33.33333333%; } .cs-row > .cs-col-m-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; width: 25%; } .cs-row > .cs-col-m-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; width: 16.66666667%; } .cs-row > .cs-col-m-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; width: 8.33333333%; } .cs-row.cs-row--base-10 > .cs-col-m-12, .cs-row.cs-row--base-10 > .cs-col-m-11, .cs-row.cs-row--base-10 > .cs-col-m-10 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .cs-row.cs-row--base-10 > .cs-col-m-9 { -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; width: 90%; } .cs-row.cs-row--base-10 > .cs-col-m-8 { -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; width: 80%; } .cs-row.cs-row--base-10 > .cs-col-m-7 { -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; width: 70%; } .cs-row.cs-row--base-10 > .cs-col-m-6 { -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; width: 60%; } .cs-row.cs-row--base-10 > .cs-col-m-5 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } .cs-row.cs-row--base-10 > .cs-col-m-4 { -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; width: 40%; } .cs-row.cs-row--base-10 > .cs-col-m-3 { -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; width: 30%; } .cs-row.cs-row--base-10 > .cs-col-m-2 { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; width: 20%; } .cs-row.cs-row--base-10 > .cs-col-m-1 { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; width: 10%; } } @media screen and (max-width: 414px) { .cs-row > [class^="cs-col-m-"], .cs-row > [class*=" cs-col-m-"] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; margin-bottom: 2rem; } .cs-row > [class^="cs-col-m-"]:last-child, .cs-row > [class*=" cs-col-m-"]:last-child { margin-bottom: 0; } .cs-row > [class^="cs-col-ms-"], .cs-row > [class*=" cs-col-ms-"] { margin-bottom: 0; } .cs-row.cs-row--base-10 > [class^="cs-col-m-"], .cs-row.cs-row--base-10 > [class*=" cs-col-m-"] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; margin-bottom: 2rem; } .cs-row.cs-row--base-10 > [class^="cs-col-m-"]:last-child, .cs-row.cs-row--base-10 > [class*=" cs-col-m-"]:last-child { margin-bottom: 0; } .cs-row.cs-row--base-10 > [class^="cs-col-ms-"], .cs-row.cs-row--base-10 > [class*=" cs-col-ms-"] { margin-bottom: 0; } .cs-row > .cs-col-ms-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .cs-row > .cs-col-ms-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; width: 91.66666667%; } .cs-row > .cs-col-ms-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; width: 83.33333333%; } .cs-row > .cs-col-ms-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; width: 75%; } .cs-row > .cs-col-ms-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; width: 66.66666667%; } .cs-row > .cs-col-ms-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; width: 58.33333333%; } .cs-row > .cs-col-ms-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } .cs-row > .cs-col-ms-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; width: 41.66666667%; } .cs-row > .cs-col-ms-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; width: 33.33333333%; } .cs-row > .cs-col-ms-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; width: 25%; } .cs-row > .cs-col-ms-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; width: 16.66666667%; } .cs-row > .cs-col-ms-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; width: 8.33333333%; } .cs-row.cs-row--base-10 > .cs-col-ms-12, .cs-row.cs-row--base-10 > .cs-col-ms-11, .cs-row.cs-row--base-10 > .cs-col-ms-10 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .cs-row.cs-row--base-10 > .cs-col-ms-9 { -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; width: 90%; } .cs-row.cs-row--base-10 > .cs-col-ms-8 { -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; width: 80%; } .cs-row.cs-row--base-10 > .cs-col-ms-7 { -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; width: 70%; } .cs-row.cs-row--base-10 > .cs-col-ms-6 { -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; width: 60%; } .cs-row.cs-row--base-10 > .cs-col-ms-5 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } .cs-row.cs-row--base-10 > .cs-col-ms-4 { -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; width: 40%; } .cs-row.cs-row--base-10 > .cs-col-ms-3 { -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; width: 30%; } .cs-row.cs-row--base-10 > .cs-col-ms-2 { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; width: 20%; } .cs-row.cs-row--base-10 > .cs-col-ms-1 { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; width: 10%; } } label { display: block; margin-bottom: 5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input, textarea, .select2 .select2-selection, .file-upload__field { font-size: 14px; font-size: 1rem; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; box-shadow: none; color: #333; display: block; font-family: "Open Sans", sans-serif; margin-bottom: 1.6rem; outline: 0 none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input[type="text"], input[type="url"], input[type="email"], input[type="tel"], input[type="date"], input[type="time"], input[type="datetime-local"], input[type="password"], input[type="search"], textarea, .select2 .select2-selection, .file-upload__field { background-color: #FFF; border: 1px solid #E2E1E0; border-radius: 3px; min-width: 100%; max-width: 100%; padding: 10px 12px; width: 100%; } input[type="text"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, .select2 .select2-selection:focus, .file-upload__field:focus, input[type="text"]:hover, input[type="url"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="date"]:hover, input[type="time"]:hover, input[type="datetime-local"]:hover, input[type="password"]:hover, input[type="search"]:hover, textarea:hover, .select2 .select2-selection:hover, .file-upload__field:hover { border-color: #E2E1E0; } .select2.select2-container--focus .select2-selection--multiple { border-color: #E2E1E0; } ::-webkit-input-placeholder { color: #666; opacity: 1; } ::-moz-placeholder { color: #666; opacity: 1; } :-ms-input-placeholder { color: #666; opacity: 1; } input:-moz-placeholder { color: #666; opacity: 1; } textarea { min-height: 224px; overflow: auto; resize: vertical; } .datetime-wrapper { background-color: #FFF; border: 1px solid #E2E1E0; border-radius: 3px; margin-bottom: 1.6rem; min-height: calc(14px + ( 10px * 2) + 2px); position: relative; } .datetime-wrapper input[type="text"], .datetime-wrapper input[type="date"], .datetime-wrapper input[type="datetime-local"], .datetime-wrapper input[type="time"] { border: none; height: calc((( 10px + 1px) * 2) + 14px); min-width: calc(100% - 50px); max-width: calc(100% - 50px); margin-bottom: 0; padding: 10px 12px; width: calc(100% - 50px); } .datetime-wrapper::after { content: '\ede1'; display: inline-block; font-family: "cs-icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; margin-right: 0.2em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; color: #C40D1E; margin: 0; position: absolute; right: 12px; top: 8px; } .datetime-wrapper--time::after { content: '\edef'; } div.datedropper.clickstorm { --dd-color1: #C40D1E; --dd-color2: #FFF; --dd-color3: #333; --dd-color4: #FFF; --dd-radius: 0px; --dd-width: 180px; --dd-shadow: 0 0 32px 11px rgba(0, 0, 0, 0.1); } div.datedropper .picker .pick-lg ul li::after, div.datedropper .picker .pick-lg ul li::before { background: none; } div.datedropper.clickstorm { z-index: 10; } div.datedropper.clickstorm .pick-submit { background-color: #C40D1E !important; } .file-upload { display: -ms-flexbox; display: flex; margin-bottom: 1.6rem; } .file-upload input[type="file"] { display: none; } .file-upload label, .file-upload input[type="text"] { margin-bottom: 0; } .file-upload input[type="text"] { border-top-left-radius: 0; border-bottom-left-radius: 0; -ms-flex-positive: 2; flex-grow: 2; min-width: auto; width: auto; } .file-upload__button-wrapper { font-size: 14px; font-size: 1rem; line-height: 100%; background: #C40D1E; border: 2px solid #C40D1E; border-top-left-radius: 3px; border-bottom-left-radius: 3px; color: #FFF !important; cursor: pointer; display: inline-block; font-family: "Open Sans", sans-serif; } .file-upload__button { display: block; padding: 10px 12px; } .file-upload .hide { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } @media screen and (max-width: 414px) { .file-upload { display: block; } .file-upload__button-wrapper, .file-upload input[type="text"] { min-width: 100%; width: 100%; } } .select2-container, .select2-container--default { display: block; width: auto !important; } .select2-container .select2-selection, .select2-container--default .select2-selection, .select2-container .select2-selection--single, .select2-container--default .select2-selection--single { height: auto; padding: calc(1px + 10px) 0; } .select2-container .select2-selection .select2-selection__rendered, .select2-container--default .select2-selection .select2-selection__rendered, .select2-container .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered { color: #333; line-height: 100%; padding: 0 40px 0 12px; } .select2-container .select2-selection .select2-selection__arrow, .select2-container--default .select2-selection .select2-selection__arrow, .select2-container .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; right: 0; top: 0; width: auto; } .select2-container .select2-selection .select2-selection__arrow b, .select2-container--default .select2-selection .select2-selection__arrow b, .select2-container .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container .select2-selection .select2-selection__arrow::before, .select2-container--default .select2-selection .select2-selection__arrow::before, .select2-container .select2-selection--single .select2-selection__arrow::before, .select2-container--default .select2-selection--single .select2-selection__arrow::before { content: '\f107'; display: inline-block; font-family: "cs-icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; margin-right: 0.2em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; box-sizing: border-box; display: block; margin-right: 0; padding: 10px 12px; width: 100%; } .select2-container .select2-selection .select2-selection__placeholder, .select2-container--default .select2-selection .select2-selection__placeholder, .select2-container .select2-selection--single .select2-selection__placeholder, .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #666; } .select2-container .select2-selection--multiple, .select2-container--default .select2-selection--multiple { border-color: #E2E1E0 !important; padding: 10px 0; } .select2-container .select2-selection--multiple .select2-selection__choice::before, .select2-container--default .select2-selection--multiple .select2-selection__choice::before, .select2-container .select2-selection--multiple .select2-search--inline::before, .select2-container--default .select2-selection--multiple .select2-search--inline::before { display: none; } .select2-container .select2-selection--multiple .select2-search__field, .select2-container--default .select2-selection--multiple .select2-search__field { margin: 0; max-width: 100%; min-width: 1px; width: 150px !important; } .select2-container .select2-selection--multiple .select2-selection__clear, .select2-container--default .select2-selection--multiple .select2-selection__clear { margin-top: 0; } .select2-container .select2-selection--multiple .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered { display: block; padding-right: 12px; } .select2-container .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #C40D1E; border: none; color: #FFF; margin-top: 0; } .select2-container .select2-selection--multiple .select2-selection__choice:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice:hover { background-color: #C40D1E; } .select2-container .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #FFF; font-weight: bold; margin-right: 6px; } .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #FFF; } .select2-container .select2-dropdown, .select2-container--default .select2-dropdown { border: 1px solid #E2E1E0; border-radius: 0; padding: 12px 0; } .select2-container .select2-results__options .select2-results__option, .select2-container--default .select2-results__options .select2-results__option { padding: 10px 12px; } .select2-container .select2-results__options .select2-results__option::before, .select2-container--default .select2-results__options .select2-results__option::before { display: none; } .select2-container .select2-results__options .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"], .select2-container .select2-results__options .select2-results__option.select2-results__option--highlighted, .select2-container--default .select2-results__options .select2-results__option.select2-results__option--highlighted { background: #C40D1E; color: #FFF; } .select2-container--open .select2-selection .select2-selection__arrow::before, .select2-container--open .select2-selection--single .select2-selection__arrow::before { content: '\f106'; } input[type="checkbox"], input[type="radio"] { height: 1.6rem; opacity: 0; position: absolute; } input[type="checkbox"] + span, input[type="radio"] + span, input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-bottom: 1.6rem; padding-left: 50px; position: relative; } input[type="checkbox"] + span:hover, input[type="radio"] + span:hover, input[type="checkbox"] + label:hover, input[type="radio"] + label:hover { cursor: pointer; } input[type="checkbox"] + span::before, input[type="radio"] + span::before, input[type="checkbox"] + label::before, input[type="radio"] + label::before { background-color: #FFF; content: ""; cursor: pointer; display: block; position: absolute; } input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } input[type="checkbox"] + span::before, input[type="checkbox"] + label::before { font-size: 16px; font-size: 1.143rem; line-height: 21px; border: 1px solid #E2E1E0; border-radius: 3px; font-family: "cs-icons"; height: 20px; left: 0; text-align: center; top: -1px; width: 20px; } input[type="checkbox"]:checked + span::before, input[type="checkbox"]:checked + label::before { content: '\e8db'; } input[type="radio"] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; } input[type="radio"] + span::before, input[type="radio"] + label::before { border: 1px solid #E2E1E0; border-radius: 11px; height: 20px; left: 0; top: -1px; width: 20px; } input[type="radio"]:checked + span::after, input[type="radio"]:checked + label::after { background-color: #333; border-radius: 7px; content: ""; left: 4px; height: 14px; position: absolute; top: 3px; width: 14px; } button, input[type="submit"] { font-size: 14px; font-size: 1rem; line-height: 160%; background-color: #C40D1E; border: 1px solid #C40D1E; border-radius: 3px; color: #FFF; font-weight: 600; margin: 1.6rem 0; padding: 10px 12px; padding-left: 30px; padding-right: 30px; text-decoration: none; transition: all 0.2s ease; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); clear: both; display: block; font-family: "Open Sans", sans-serif; min-width: 240px; } button:hover, input[type="submit"]:hover { background: #ac0b1a; border-color: #ac0b1a; color: #FFF; cursor: pointer; } button:focus, input[type="submit"]:focus { outline: none; } input[type="text"].parsley-error, input[type="url"].parsley-error, input[type="email"].parsley-error, input[type="tel"].parsley-error, input[type="password"].parsley-error, input[type="search"].parsley-error, textarea.parsley-error { border-color: #C40D1E; } select.parsley-error + .select2-container .select2-selection--single, select.parsley-error + .select2-container--default .select2-selection--single, select.parsley-error + .select2-container .select2-selection--multiple, select.parsley-error + .select2-container--default .select2-selection--multiple { border-color: #C40D1E !important; } .datetime-wrapper.parsley-error { border-color: #C40D1E; } .powermail_file.parsley-error + label + input { border-color: #C40D1E; } .checkbox.parsley-error input[type="radio"] + span::before, .radio.parsley-error input[type="radio"] + span::before, .checkbox.parsley-error input[type="radio"] + label::before, .radio.parsley-error input[type="radio"] + label::before { border-color: #C40D1E; } .checkbox.parsley-error input[type="checkbox"] + span::before, .radio.parsley-error input[type="checkbox"] + span::before, .checkbox.parsley-error input[type="checkbox"] + label::before, .radio.parsley-error input[type="checkbox"] + label::before { border-color: #C40D1E; } .checkbox.parsley-error + .parsley-errors-list, .radio.parsley-error + .parsley-errors-list { margin-top: 0; } .parsley-errors-list { font-size: 13px; font-size: 0.929rem; line-height: 160%; color: #C40D1E; margin-bottom: 2rem; margin-top: 1.6rem; } .parsley-errors-list li::before { background-color: #C40D1E; top: 6px; } form { margin-bottom: 1.6rem; position: relative; } form fieldset, form .powermail_fieldset { border: none; } form fieldset > legend, form .powermail_fieldset > legend { display: none; } form .powermail_fieldset { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -18px; margin-left: -18px; } form .powermail_fieldset > * { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; padding: 0 18px; } form .powermail_fieldset > *.form__row--50 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } form .powermail_fieldset > *.form__row--75 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; width: 75%; } form .powermail_fieldset > *.form__row--25 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; width: 25%; } form .powermail_fieldset > .form__row-break { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } @media screen and (max-width: 640px) { form .powermail_fieldset > *.form__row--50, form .powermail_fieldset > *.form__row--75, form .powermail_fieldset > *.form__row--25 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } form .powermail_fieldset > .form__row-break { display: none; } } .typo3-adminPanel input[type="checkbox"], .Extbase-Utility-Debugger-VarDump input[type="checkbox"], .extbase-debugger input[type="checkbox"] { display: block; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } .typo3-adminPanel input[type="checkbox"] + span, .Extbase-Utility-Debugger-VarDump input[type="checkbox"] + span, .extbase-debugger input[type="checkbox"] + span { padding: 0; margin-bottom: 0; } .typo3-adminPanel input[type="checkbox"] + span:before, .Extbase-Utility-Debugger-VarDump input[type="checkbox"] + span:before, .extbase-debugger input[type="checkbox"] + span:before { content: "" !important; } [class^="cs-icon-"]::before, [class*=" cs-icon-"]::before { content: ''; display: inline-block; font-family: "cs-icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; margin-right: 0.2em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; } .cs-icon-mail::before { content: '\e803'; } .cs-icon-close::before { content: '\e854'; } .cs-icon-arrow-up::before { content: '\e8aa'; } .cs-icon-home-alt::before { content: '\e8f8'; } .cs-icon-external-link-alt::before { content: '\e8f4'; } .cs-icon-arrow-circle-down::before { content: '\e8bb'; } .cs-icon-arrow-circle-right::before { content: '\e8bc'; } .cs-icon-arrow-circle-left::before { content: '\e8bd'; } .cs-icon-arrow-circle-up::before { content: '\e8be'; } .cs-icon-arrow-down::before { content: '\e8c0'; } .cs-icon-arrow-left::before { content: '\e8c4'; } .cs-icon-arrow-right::before { content: '\e8c6'; } .cs-icon-search::before { content: '\e8d6'; } .cs-icon-search-1::before { content: '\e8da'; } .cs-icon-check::before { content: '\e8db'; } .cs-icon-check-circle::before { content: '\e8dd'; } .cs-icon-pinterest-p::before { content: '\e8e1'; } .cs-icon-whatsapp::before { content: '\e8e2'; } .cs-icon-twitter::before { content: '\e8e5'; } .cs-icon-facebook-f::before { content: '\e8e8'; } .cs-icon-info-circle::before { content: '\e8ee'; } .cs-icon-shopping-bag::before { content: '\e8f0'; } .cs-icon-mail-bulk::before { content: '\e8f1'; } .cs-icon-book-open::before { content: '\e8f2'; } .cs-icon-calendar-alt::before { content: '\ede1'; } .cs-icon-clock::before { content: '\edef'; } .cs-icon-menu::before { content: '\f0c9'; } .cs-icon-angle-left::before { content: '\f104'; } .cs-icon-angle-right::before { content: '\f105'; } .cs-icon-angle-up::before { content: '\f106'; } .cs-icon-angle-down::before { content: '\f107'; } .cs-icon-th-large::before { content: '\e8f7'; } .cs-icon-share-alt::before { content: '\e8f9'; } .cs-icon-file::before { content: '\e8fa'; } .cs-icon-file-word::before { content: '\e8fb'; } .cs-icon-file-alt::before { content: '\e8fc'; } .cs-icon-file-archive::before { content: '\e8fd'; } .cs-icon-file-code::before { content: '\e903'; } .cs-icon-file-csv::before { content: '\e905'; } .cs-icon-file-excel::before { content: '\e908'; } .cs-icon-file-image::before { content: '\e90b'; } .cs-icon-file-music::before { content: '\e912'; } .cs-icon-file-pdf::before { content: '\e913'; } .cs-icon-file-powerpoint::before { content: '\e915'; } .cs-icon-file-video::before { content: '\e91d'; } .cs-icon-book-open::before { width: 1.2em; } .cs-icon-mail-bulk::before { width: 1.3em; } .sources { font-size: 13px; font-size: 0.929rem; line-height: 160%; border-top: 1px solid #E2E1E0; color: #666; margin-bottom: 4rem; padding-top: 2rem; } .sources > *:last-child { margin-bottom: 0; } .sources__title { font-weight: 600; margin-bottom: 0.8rem; } .sources li::before, .sources__list-item::before { background: #666; top: 9px; } .sources li a, .sources__link { font-weight: 400; text-decoration: none; } @media screen and (max-width: 1070px) { .sources { margin-bottom: 3rem; } } @media screen and (max-width: 640px) { .sources { margin-bottom: 2rem; } } .mfp-zoom-out-cur { cursor: pointer !important; } .mfp-close { font-size: 16px; font-size: 1.143rem; line-height: 35px; cursor: pointer !important; padding-bottom: 0; } .mfp-arrow { -ms-flex-align: center; align-items: center; display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center; justify-content: center; min-width: auto; } .mfp-arrow::before { content: '\f105'; display: inline-block; font-family: "cs-icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; margin-right: 0.2em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; font-size: 42px; font-size: 3rem; line-height: 100%; border: none; height: 1em; margin: 0; padding: 0; position: static; opacity: 1; width: 1em; } .mfp-arrow::after { display: none; } .mfp-arrow.mfp-arrow-right::before { content: '\f105'; } .mfp-arrow.mfp-arrow-left::before { content: '\f104'; } .mfp-arrow:hover { background: none; opacity: 1; } .image-cover__wrapper { height: 100%; position: relative; } .image-cover__image { display: block; font-family: "object-fit: cover"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; } .slider .slick-arrow { background-color: #CCC; background-color: hsla(0, 0%, 80%, 0.5); -ms-flex-align: center; align-items: center; border-radius: 50%; display: -ms-flexbox; display: flex; height: 40px; -ms-flex-pack: center; justify-content: center; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 10; } .slider .slick-arrow::before { font-size: 20px; font-size: 1.429rem; line-height: 100%; margin-right: 0 !important; } .slider .slick-arrow.slick-disabled { opacity: 0; } .slider .slick-arrow.slick-prev { left: -30px; } .slider .slick-arrow.slick-next { right: -30px; } .slider .slick-dots { bottom: 1.6rem; display: block; position: absolute; text-align: center; width: 100%; } .slider .slick-dots li { background-color: #FFF; border: 1px solid #E2E1E0; border-radius: 50%; cursor: pointer; display: inline-block; height: 10px; margin: 0 5px; padding: 0; position: relative; width: 10px; } .slider .slick-dots li button { display: none; } .slider .slick-dots li.slick-active { background-color: #E2E1E0; } .slider img.lazyload, .slider img.lazyloading { max-height: 1px; overflow: hidden; } .slider__image { margin-bottom: 0; } .slider .slick-slide > *:last-child { margin-bottom: 0; } .slider--6-items, .slider--3-items, .slider--4-items, .slider--full-width, .slider--related-products { margin-bottom: 4rem; } .slider--related-products { margin-left: -100px; margin-right: -100px; } .slider--related-products .box-bordered { margin-bottom: 1px; padding-bottom: 50px; } .slider--related-products .slick-arrow.slick-prev { left: 30px; } .slider--related-products .slick-arrow.slick-next { right: 30px; } .slider--6-items, .slider--3-items, .slider--4-items { margin-left: -10px; margin-right: -10px; } .slider--6-items .slick-slide, .slider--3-items .slick-slide, .slider--4-items .slick-slide { padding-left: 10px; padding-right: 10px; } .slider--6-items .slick-arrow.slick-prev, .slider--3-items .slick-arrow.slick-prev, .slider--4-items .slick-arrow.slick-prev { left: -20px; } .slider--6-items .slick-arrow.slick-next, .slider--3-items .slick-arrow.slick-next, .slider--4-items .slick-arrow.slick-next { right: -20px; } .slider--4-items .slick-arrow { top: 95px; } .slider--6-items .slick-arrow { top: 76px; } @media screen and (max-width: 1190px) { .slider .slick-arrow { z-index: 1; } .slider .slick-arrow.slick-prev { left: 10px; } .slider .slick-arrow.slick-next { right: 10px; } .slider--6-items .slick-arrow.slick-prev, .slider--3-items .slick-arrow.slick-prev, .slider--4-items .slick-arrow.slick-prev { left: 20px; } .slider--6-items .slick-arrow.slick-next, .slider--3-items .slick-arrow.slick-next, .slider--4-items .slick-arrow.slick-next { right: 20px; } } @media screen and (max-width: 1070px) { .slider--3-items, .slider--4-items, .slider--6-items, .slider--full-width, .slider--related-products { margin-bottom: 3rem; } .slider--4-items .slick-arrow { top: 12vw; } .slider--6-items .slick-arrow { top: 11vw; } } @media screen and (max-width: 866px) { .slider--related-products { margin-left: 0; margin-right: 0; } } @media screen and (max-width: 768px) { .slider--3-items, .slider--4-items { padding-left: 1.6rem; padding-right: 1.6rem; } .slider--4-items .slick-arrow { top: 16vw; } .slider--6-items .slick-arrow { top: 15vw; } .slider--related-products .slick-dots { bottom: 1.6rem; } } @media screen and (max-width: 640px) { .slider--3-items, .slider--4-items, .slider--6-items, .slider--full-width, .slider--related-products { margin-bottom: 2rem; } .slider--3-items, .slider--4-items { padding-left: 3.2rem; padding-right: 3.2rem; } .slider--4-items .slick-arrow { top: 32vw; } .slider--6-items .slick-arrow { top: 22vw; } } @media screen and (max-width: 414px) { .slider--related-products { margin-left: -10px; margin-right: -10px; } .slider--related-products .box-bordered { border-radius: 0; border-left: none; border-right: none; } .slider--4-items .slick-arrow { top: 27vw; } .slider--6-items .slick-arrow { top: 21vw; } } .tabs { margin-bottom: 4rem; } .tabs .r-tabs-nav { display: -ms-flexbox; display: flex; } .tabs .r-tabs-nav .r-tabs-tab > a { padding: 10px 12px; } .tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active > a { background-color: #F1F0EF; } .tabs .r-tabs-panel { background: #F1F0EF; display: none; margin-bottom: 10px; min-height: 1px !important; padding: 5px 20px 1.6rem; } .tabs .r-tabs-panel > *:last-child { margin-bottom: 0; } .tabs .r-tabs-panel.r-tabs-state-active { display: block; } .tabs--accordion > ul a, .tabs .r-tabs-accordion-title { display: none; } .tabs--accordion > ul a > a, .tabs .r-tabs-accordion-title > a { font-size: 15px; font-size: 1.071rem; line-height: 160%; background: #F1F0EF; border: none; color: #333; display: block; font-weight: 600; margin-bottom: 10px; padding: 15px 35px; position: relative; text-decoration: none; } .tabs--accordion > ul a > a::before, .tabs .r-tabs-accordion-title > a::before { font-size: 20px; font-size: 1.429rem; line-height: 100%; content: '\f105'; display: inline-block; font-family: "cs-icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; margin-right: 0.2em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; color: #C40D1E; position: absolute; left: 10px; top: 15px; } .tabs--accordion > ul a.r-tabs-state-active > a, .tabs .r-tabs-accordion-title.r-tabs-state-active > a { margin-bottom: 0; } .tabs--accordion > ul a.r-tabs-state-active > a::before, .tabs .r-tabs-accordion-title.r-tabs-state-active > a::before { content: '\f107'; } .tabs--accordion > div:not(.r-tabs-panel):not(.r-tabs-accordion-title) { display: none; } .tabs--accordion .r-tabs-nav { display: none; } .tabs--accordion .r-tabs-accordion-title { display: block; } @media screen and (max-width: 1070px) { .tabs { margin-bottom: 3rem; } } @media only screen and (max-width: 768px) { .tabs .r-tabs-nav { display: none; } .tabs .r-tabs-accordion-title { display: block; } } @media screen and (max-width: 640px) { .tabs { margin-bottom: 2rem; } } .search-form { margin-bottom: 0; position: relative; } .search-form__wrapper--large .search-form__input { font-size: 18px; font-size: 1.286rem; line-height: 160%; padding: 19px 20px; padding-right: 90px !important; } .search-form__wrapper--large .search-form__submit { padding: 12px; } .search-form__wrapper--large .search-form__submit.cs-icon-search::before { font-size: 36px; font-size: 2.571rem; line-height: 100%; content: '\e8da'; } .search-form__input, .search-form__submit { margin: 0; } .search-form__input { padding-right: 45px !important; } .search-form__submit { min-width: auto; padding: 7px 8px; position: absolute; right: 3px; top: 3px; } .search-form__submit.cs-icon-search::before { font-size: 20px; font-size: 1.429rem; line-height: 100%; margin-right: 0; } .search-form__close-link { display: none; } @media screen and (max-width: 768px) { .header .search-form { width: calc(100% - 50px); } .header .search-form__close-link { display: block; position: absolute; right: 20px; top: 25px; } .header .search-form__close-link::before { content: '\e854' !important; font-size: 21px; font-size: 1.5rem; line-height: 100%; margin: 0; } } @media screen and (max-width: 640px) { .search-form__wrapper--large .search-form__input { font-size: 14px; font-size: 1rem; line-height: 160%; padding: 11px 15px; padding-right: 55px !important; } .search-form__wrapper--large .search-form__submit { padding: 6px; } .search-form__wrapper--large .search-form__submit.cs-icon-search::before { font-size: 26px; font-size: 1.857rem; line-height: 100%; } } .twitter-typeahead { display: block !important; } .twitter-typeahead .tt-menu { box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.35); background: #FFF; border-radius: 3px; left: -1px !important; overflow: hidden; top: calc(100% + 7px) !important; text-align: left; width: 1070px; } .twitter-typeahead .tt-menu::after { content: " "; clear: both; display: table; } .twitter-typeahead .tt-menu .tt-dataset-cms, .twitter-typeahead .tt-menu .tt-dataset-shop { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 18px 9px; width: 50%; } .twitter-typeahead .tt-menu .tt-dataset-cms__header, .twitter-typeahead .tt-menu .tt-dataset-shop__header, .twitter-typeahead .tt-menu .tt-dataset-cms__footer, .twitter-typeahead .tt-menu .tt-dataset-shop__footer { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; padding-left: 9px; padding-right: 9px; } .twitter-typeahead .tt-menu .tt-dataset-cms__footer, .twitter-typeahead .tt-menu .tt-dataset-shop__footer { margin-top: 1rem; } .twitter-typeahead .tt-menu .tt-dataset-cms .tt-suggestion, .twitter-typeahead .tt-menu .tt-dataset-shop .tt-suggestion { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 18px; padding-left: 9px; padding-right: 9px; } .twitter-typeahead .tt-menu .tt-dataset-cms .tt-suggestion > *, .twitter-typeahead .tt-menu .tt-dataset-shop .tt-suggestion > * { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .twitter-typeahead .tt-menu .tt-dataset-cms .tt-suggestion__link, .twitter-typeahead .tt-menu .tt-dataset-shop .tt-suggestion__link { background: #FFF; border-radius: 3px; display: -ms-flexbox; display: flex; padding: 9px; word-break: break-word; } .twitter-typeahead .tt-menu .tt-dataset-cms .tt-suggestion__image-wrapper, .twitter-typeahead .tt-menu .tt-dataset-shop .tt-suggestion__image-wrapper { -ms-flex-preferred-size: 100px; flex-basis: 100px; max-width: 100px; width: 100px; margin-bottom: 0; padding-right: 9px; } .twitter-typeahead .tt-menu .tt-dataset-cms .tt-suggestion__image, .twitter-typeahead .tt-menu .tt-dataset-shop .tt-suggestion__image { border-radius: 3px; margin-bottom: 0; overflow: hidden; } .twitter-typeahead .tt-menu .tt-dataset-cms .tt-suggestion__text-wrapper, .twitter-typeahead .tt-menu .tt-dataset-shop .tt-suggestion__text-wrapper { -ms-flex-preferred-size: calc(100% - 100px); flex-basis: calc(100% - 100px); max-width: calc(100% - 100px); width: calc(100% - 100px); } .twitter-typeahead .tt-menu .tt-dataset-cms .tt-suggestion__title-ellipsis, .twitter-typeahead .tt-menu .tt-dataset-shop .tt-suggestion__title-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .twitter-typeahead .tt-menu .tt-dataset-cms { float: left; } .twitter-typeahead .tt-menu .tt-dataset-cms .tt-suggestion { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .twitter-typeahead .tt-menu .tt-dataset-cms .tt-suggestion__link { padding: 0; } .twitter-typeahead .tt-menu .tt-dataset-shop { background: #F1F0EF; float: right; } .twitter-typeahead .tt-menu .tt-dataset-shop::before { background: #F1F0EF; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 50%; z-index: 1; } .twitter-typeahead .tt-menu .tt-dataset-shop > * { position: relative; z-index: 2; } .image-teaser-grid__item--search .twitter-typeahead .tt-menu { left: 50% !important; margin-left: calc((1070px / 2 ) * -1); } @media screen and (max-width: 1106px) { .twitter-typeahead .tt-menu { width: calc(100vw - 18px*2); } .twitter-typeahead .tt-menu .tt-dataset-cms .tt-suggestion, .twitter-typeahead .tt-menu .tt-dataset-shop .tt-suggestion { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .twitter-typeahead .tt-menu .tt-dataset-cms .tt-suggestion__image-wrapper, .twitter-typeahead .tt-menu .tt-dataset-shop .tt-suggestion__image-wrapper { display: none; } .twitter-typeahead .tt-menu .tt-dataset-cms .tt-suggestion__text-wrapper, .twitter-typeahead .tt-menu .tt-dataset-shop .tt-suggestion__text-wrapper { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .twitter-typeahead .tt-menu .tt-dataset-shop .tt-suggestion { margin-bottom: 9px; } .twitter-typeahead .tt-menu .tt-dataset-shop .tt-suggestion__link { padding: 6px; } .twitter-typeahead .tt-menu .tt-dataset-shop .tt-suggestion__title { margin-bottom: 0; } .image-teaser-grid__item--search .twitter-typeahead .tt-menu { margin-left: calc(-50vw + 18px); } } @media screen and (max-width: 788px) { .twitter-typeahead .tt-menu { width: calc(100vw - 18px); } .twitter-typeahead .tt-menu .tt-dataset-cms, .twitter-typeahead .tt-menu .tt-dataset-shop { float: none; width: 100%; } .twitter-typeahead .tt-menu .tt-dataset-shop { display: none; margin-top: 1.6rem; } .twitter-typeahead .tt-menu .tt-dataset-shop::before { display: none; } .image-teaser-grid__item--search .twitter-typeahead .tt-menu { margin-left: calc(-50vw + 18px / 2); } } @media screen and (max-width: 768px) { .twitter-typeahead .tt-menu { height: calc(100vh - 75px); overflow-y: scroll; } } .tx-csdoofinder__results { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -18px; margin-right: -18px; } .tx-csdoofinder__result-group-headline-cms { border-bottom: 1px solid #E2E1E0; padding-bottom: 1rem; } .tx-csdoofinder__result-group { padding: 0 18px; } .tx-csdoofinder__result-group--cms { -ms-flex-preferred-size: 66.6666%; flex-basis: 66.6666%; max-width: 66.6666%; width: 66.6666%; } .tx-csdoofinder__result-group--cms .tx-csdoofinder__result-group-inner-wrapper { padding: 18px 0; } .tx-csdoofinder__result-group--cms .tx-csdoofinder__result { margin-bottom: 3rem; padding: 0; } .tx-csdoofinder__result-group--cms .tx-csdoofinder__result-image-wrapper { -ms-flex-preferred-size: 290px; flex-basis: 290px; max-width: 290px; width: 290px; padding-right: 25px; } .tx-csdoofinder__result-group--cms .tx-csdoofinder__result-image { border-radius: 3px; overflow: hidden; } .tx-csdoofinder__result-group--cms .tx-csdoofinder__result-text-wrapper { -ms-flex-preferred-size: calc(100% - 290px); flex-basis: calc(100% - 290px); max-width: calc(100% - 290px); width: calc(100% - 290px); padding-top: 1rem; } .tx-csdoofinder__result-group--shop { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; max-width: 33.3333%; width: 33.3333%; } .tx-csdoofinder__result-group--shop .tx-csdoofinder__result-group-inner-wrapper { background: #F1F0EF; border-radius: 3px; padding: 18px; } .tx-csdoofinder__result { background: #FFF; border-radius: 3px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 18px; padding: 18px; word-break: break-word; } .tx-csdoofinder__result-image-wrapper { -ms-flex-preferred-size: 100px; flex-basis: 100px; max-width: 100px; width: 100px; padding-right: 18px; } .tx-csdoofinder__result-image-link { display: block; } .tx-csdoofinder__result-image { margin-bottom: 0; } .tx-csdoofinder__result-text-wrapper { -ms-flex-preferred-size: calc(100% - 100px); flex-basis: calc(100% - 100px); max-width: calc(100% - 100px); width: calc(100% - 100px); } @media screen and (max-width: 1070px) { .tx-csdoofinder__result-group--cms, .tx-csdoofinder__result-group--shop { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .tx-csdoofinder__result-group--cms { margin-bottom: 3rem; } } @media screen and (max-width: 640px) { .tx-csdoofinder__result-group--cms { margin-bottom: 2rem; } .tx-csdoofinder__result-group--cms .tx-csdoofinder__result-image-wrapper { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; margin-bottom: 1.6rem; padding-right: 0; } .tx-csdoofinder__result-group--cms .tx-csdoofinder__result-text-wrapper { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; padding-top: 0; } } @media screen and (max-width: 640px) { table:not(.h-clean) { display: block; width: 100%; } table:not(.h-clean) thead { display: none; } table:not(.h-clean) tfoot, table:not(.h-clean) tbody { display: block; width: 100%; } table:not(.h-clean) tfoot tr, table:not(.h-clean) tbody tr { display: block; padding-bottom: 1.6rem; width: 100%; } table:not(.h-clean) tfoot tr td, table:not(.h-clean) tbody tr td { display: block; padding: 0; text-align: left; width: 100%; } table:not(.h-clean) tfoot tr td[data-th]::before, table:not(.h-clean) tbody tr td[data-th]::before { content: attr(data-th); display: block; font-weight: bold; width: 100%; } table:not(.h-clean) tfoot tr td:empty, table:not(.h-clean) tbody tr td:empty { display: none; } table:not(.h-clean) tfoot tr:nth-child(odd) td, table:not(.h-clean) tbody tr:nth-child(odd) td, table:not(.h-clean) tfoot tr:nth-child(even) td, table:not(.h-clean) tbody tr:nth-child(even) td { background: none; } } .box-bordered { background: #FFF; border: 1px solid #E2E1E0; border-radius: 3px; margin-bottom: 4rem; padding: 30px; } .box-bordered--small { padding: 12.5px; } .box-bordered--minus-margin { margin-left: -100px; margin-right: -100px; } .box-bordered--image-left, .box-bordered--image-left-large, .box-bordered--image-left-small { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .box-bordered--image-left .box-bordered__image-wrapper, .box-bordered--image-left-large .box-bordered__image-wrapper, .box-bordered--image-left-small .box-bordered__image-wrapper { -ms-flex-preferred-size: 270px; flex-basis: 270px; max-width: 270px; width: 270px; } .box-bordered--image-left .box-bordered__text-wrapper, .box-bordered--image-left-large .box-bordered__text-wrapper, .box-bordered--image-left-small .box-bordered__text-wrapper { -ms-flex-preferred-size: calc(100% - 270px - 10px*3); flex-basis: calc(100% - 270px - 10px*3); max-width: calc(100% - 270px - 10px*3); width: calc(100% - 270px - 10px*3); } .box-bordered--image-left-small { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 40px 20px; } .box-bordered--image-left-small .box-bordered__hr { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; margin: 30px 0; } .box-bordered--image-left-small .box-bordered__image-wrapper { -ms-flex-preferred-size: 110px; flex-basis: 110px; max-width: 110px; width: 110px; } .box-bordered--image-left-small .box-bordered__text-wrapper { -ms-flex-preferred-size: calc(100% - 110px - 10px*3); flex-basis: calc(100% - 110px - 10px*3); max-width: calc(100% - 110px - 10px*3); width: calc(100% - 110px - 10px*3); } .box-bordered__image-wrapper { border-radius: 3px; overflow: hidden; } .box-bordered__image-link { display: block; } .box-bordered__image { margin-bottom: 0; } .box-bordered__text-wrapper > *:last-child { margin-bottom: 0; } .box-bordered__cropped-title { display: block; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .box-bordered__cropped-title-small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .box-bordered > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1070px) { .box-bordered { margin-bottom: 3rem; } } @media screen and (max-width: 866px) { .box-bordered--minus-margin { margin-left: 0; margin-right: 0; } } @media screen and (max-width: 768px) { .box-bordered--image-left .box-bordered__image-wrapper { -ms-flex-preferred-size: 110px; flex-basis: 110px; max-width: 110px; width: 110px; } .box-bordered--image-left .box-bordered__text-wrapper { -ms-flex-preferred-size: calc(100% - 110px - 10px*2); flex-basis: calc(100% - 110px - 10px*2); max-width: calc(100% - 110px - 10px*2); width: calc(100% - 110px - 10px*2); } } @media screen and (max-width: 640px) { .box-bordered { margin-bottom: 2rem; } .box-bordered--image-left-large, .box-bordered--image-left-small { display: block; } .box-bordered--image-left-large .box-bordered__image-wrapper, .box-bordered--image-left-small .box-bordered__image-wrapper { margin-bottom: 1.6rem; } .box-bordered--image-left-large .box-bordered__text-wrapper, .box-bordered--image-left-small .box-bordered__text-wrapper { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } } @media screen and (max-width: 414px) { .box-bordered { padding: 25px; } .box-bordered--image-left-large .box-bordered__image-wrapper { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .box-bordered--image-left .box-bordered__image-wrapper { -ms-flex-preferred-size: 90px; flex-basis: 90px; max-width: 90px; width: 90px; } .box-bordered--image-left .box-bordered__text-wrapper { -ms-flex-preferred-size: calc(100% - 90px - 10px*2); flex-basis: calc(100% - 90px - 10px*2); max-width: calc(100% - 90px - 10px*2); width: calc(100% - 90px - 10px*2); } } .box { background: #F1F0EF; border-radius: 3px; margin-bottom: 4rem; padding: 30px; } .box > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1070px) { .box { margin-bottom: 3rem; } } @media screen and (max-width: 640px) { .box { margin-bottom: 2rem; } } @media screen and (max-width: 414px) { .box { padding: 25px; } } .image-banner { margin-bottom: 1.6rem; min-height: 500px; position: relative; } .image-banner__image-wrapper { border-radius: 3px; overflow: hidden; } .image-banner__image-link { display: block; } .image-banner__image { margin-bottom: 0; } .image-banner__image-description { font-size: 13px; font-size: 0.929rem; line-height: 160%; background-color: #333; background-color: hsla(0, 0%, 20%, 0.4); border-radius: 3px; bottom: 10px; color: #FFF; margin-bottom: 0; padding: 2px 8px; position: absolute; right: 10px; text-align: right; bottom: calc(140px + 10px); } @media screen and (max-width: 1106px) { .image-banner { min-height: 45vw; } } @media screen and (max-width: 768px) { .image-banner { margin-left: -10px; margin-right: -10px; min-height: 55vw; } .image-banner__image-wrapper { border-radius: 0; } } @media screen and (max-width: 640px) { .image-banner__image-description { bottom: calc(100px + 10px); } } @media screen and (max-width: 414px) { .image-banner__image-description { bottom: calc(55px + 10px); } } .image-teaser { margin-bottom: 4rem; position: relative; } .image-teaser__image-cover-wrapper { height: 380px; } .image-teaser__image-wrapper { border-radius: 3px; overflow: hidden; } .image-teaser__image-link { display: block; } .image-teaser__image { margin-bottom: 0; } .image-teaser__image--large { display: none; } .image-teaser__text-wrapper { background-color: #FFF; background-color: hsla(0, 0%, 100%, 0.9); border-radius: 3px; border-bottom-right-radius: 0; border-top-left-radius: 0; bottom: 0; left: 0; min-height: 140px; padding: 20px; position: absolute; width: 80%; } .image-teaser__link { font-size: 18px; font-size: 1.286rem; line-height: 160%; display: block; display: -webkit-box; font-weight: 600 !important; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 1070px) { .image-teaser { margin-bottom: 3rem; } } @media screen and (max-width: 640px) { .image-teaser { margin-bottom: 2rem; } .image-teaser__text-wrapper { width: 85%; } .image-teaser__image-cover-wrapper { height: 300px; } } .image-teaser-grid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px calc(4rem - 10px*2); } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+7), .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+1) { -ms-flex-preferred-size: 66.6666%; flex-basis: 66.6666%; max-width: 66.6666%; width: 66.6666%; } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+7) .image-teaser__image--small, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+1) .image-teaser__image--small { display: none; } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+7) .image-teaser__image--large, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+1) .image-teaser__image--large { display: block; } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+7) .image-teaser__text-wrapper, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+1) .image-teaser__text-wrapper { width: 70%; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(1), .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+12), .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+8) { -ms-flex-preferred-size: 66.6666%; flex-basis: 66.6666%; max-width: 66.6666%; width: 66.6666%; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(1) .image-teaser__image--small, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+12) .image-teaser__image--small, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+8) .image-teaser__image--small { display: none; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(1) .image-teaser__image--large, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+12) .image-teaser__image--large, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+8) .image-teaser__image--large { display: block; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(1) .image-teaser__text-wrapper, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+12) .image-teaser__text-wrapper, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+8) .image-teaser__text-wrapper { width: 70%; } .image-teaser-grid__item { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; width: 33.333%; margin-bottom: 20px; padding: 0 10px; } .image-teaser-grid__item--search { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; background: #F1F0EF; margin: 4rem 0; margin-top: calc(4rem - 10px*2); padding-top: 4rem; padding-bottom: 4rem; position: relative; } .image-teaser-grid__item--search > * { position: relative; z-index: 2; } .image-teaser-grid__item--search::before { background: #F1F0EF; content: ''; height: 100%; left: 50%; margin-left: -50vw; position: absolute; top: 0; width: 100vw; z-index: 1; } .image-teaser-grid__item > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1070px) { .image-teaser-grid { margin-bottom: calc(3rem - 10px*2); } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+7), .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+1) { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+7) .image-teaser__image--small, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+1) .image-teaser__image--small { display: block; } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+7) .image-teaser__image--large, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+1) .image-teaser__image--large { display: none; } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+7) .image-teaser__text-wrapper, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+1) .image-teaser__text-wrapper { width: 80%; } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(3n+3) { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(3n+3) .image-teaser__image--small { display: none; } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(3n+3) .image-teaser__image--large { display: block; } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(3n+3) .image-teaser__text-wrapper { width: 70%; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(1), .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+12), .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+8) { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(1) .image-teaser__image--small, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+12) .image-teaser__image--small, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+8) .image-teaser__image--small { display: block; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(1) .image-teaser__image--large, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+12) .image-teaser__image--large, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+8) .image-teaser__image--large { display: none; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(1) .image-teaser__text-wrapper, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+12) .image-teaser__text-wrapper, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+8) .image-teaser__text-wrapper { width: 80%; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(3n+4) { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(3n+4) .image-teaser__image--small { display: none; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(3n+4) .image-teaser__image--large { display: block; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(3n+4) .image-teaser__text-wrapper { width: 70%; } .image-teaser-grid__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } .image-teaser-grid__item--search { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; margin: 3rem 0; margin-top: calc(3rem - 10px*2); padding-top: 3rem; padding-bottom: 3rem; } } @media screen and (max-width: 640px) { .image-teaser-grid { margin-bottom: calc(2rem - 10px*2); } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(3n+3), .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+7), .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+1) { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(3n+3) .image-teaser__image--small, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+7) .image-teaser__image--small, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+1) .image-teaser__image--small { display: none; } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(3n+3) .image-teaser__image--large, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+7) .image-teaser__image--large, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+1) .image-teaser__image--large { display: block; } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(3n+3) .image-teaser__text-wrapper, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+7) .image-teaser__text-wrapper, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+1) .image-teaser__text-wrapper { width: 85%; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(1), .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(3n+4), .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+12), .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+8) { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(1) .image-teaser__image--small, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(3n+4) .image-teaser__image--small, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+12) .image-teaser__image--small, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+8) .image-teaser__image--small { display: none; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(1) .image-teaser__image--large, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(3n+4) .image-teaser__image--large, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+12) .image-teaser__image--large, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+8) .image-teaser__image--large { display: block; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(1) .image-teaser__text-wrapper, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(3n+4) .image-teaser__text-wrapper, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+12) .image-teaser__text-wrapper, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+8) .image-teaser__text-wrapper { width: 85%; } .image-teaser-grid__item { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .image-teaser-grid__item--search { margin: 2rem 0; margin-top: calc(2rem - 10px*2); padding-bottom: 2rem; padding-top: 2rem; } .image-teaser-grid .image-teaser__image--small { display: none; } .image-teaser-grid .image-teaser__image--large { display: block; } } @media screen and (max-width: 414px) { .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(3n+3) .image-teaser__image--small, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+7) .image-teaser__image--small, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+1) .image-teaser__image--small { display: block; } .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(3n+3) .image-teaser__image--large, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+7) .image-teaser__image--large, .image-teaser-grid--default-sorting .image-teaser-grid__item:nth-child(10n+1) .image-teaser__image--large { display: none; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(1) .image-teaser__image--small, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(3n+4) .image-teaser__image--small, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+12) .image-teaser__image--small, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+8) .image-teaser__image--small { display: block; } .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(1) .image-teaser__image--large, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(3n+4) .image-teaser__image--large, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+12) .image-teaser__image--large, .image-teaser-grid--home-sorting .image-teaser-grid__item:nth-child(10n+8) .image-teaser__image--large { display: none; } .image-teaser-grid .image-teaser__image--small { display: block; } .image-teaser-grid .image-teaser__image--large { display: none; } } .teaser { margin-bottom: 4rem; } .teaser__flip-wrapper { height: 0; padding-bottom: 75%; -webkit-perspective: 1000; perspective: 1000; position: relative; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .teaser__flip-wrapper.is-flipped .teaser__flip-front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .teaser__flip-wrapper.is-flipped .teaser__flip-back { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .teaser__flip-front, .teaser__flip-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 100%; left: 0; position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; top: 0; width: 100%; } .teaser__flip-front { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .teaser__flip-back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .teaser__flip-back > * { height: 100%; margin-bottom: 0; overflow: hidden; } .teaser__image-wrapper { border-radius: 3px; overflow: hidden; } .teaser__image-link { display: block; } .teaser__image { margin-bottom: 0; } .teaser__text-wrapper { font-size: 15px; font-size: 1.071rem; line-height: 160%; padding: 12.5px; padding-bottom: 0; } @media screen and (max-width: 1070px) { .teaser { margin-bottom: 3rem; } } @media screen and (max-width: 640px) { .teaser { margin-bottom: 2rem; } } .teaser-grid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0 -10px; margin-left: -110px; margin-right: -110px; } .teaser-grid__item { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; width: 33.333%; margin-top: 2.4rem; padding: 0 10px; } .teaser-grid__item:first-child, .teaser-grid__item:nth-child(2), .teaser-grid__item:nth-child(3) { margin-top: 0; } .teaser-grid__item > *:last-child { margin-bottom: 0; } @media screen and (max-width: 866px) { .teaser-grid { margin-left: -10px; margin-right: -10px; } .teaser-grid__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } .teaser-grid__item:nth-child(3) { margin-top: 2.4rem; } } @media screen and (max-width: 640px) { .teaser-grid__item { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; margin-top: 1.6rem; } .teaser-grid__item:first-child, .teaser-grid__item:nth-child(2), .teaser-grid__item:nth-child(3) { margin-top: 1.6rem; } } .product-teaser { margin-bottom: 4rem; } .product-teaser__image-wrapper { height: 0; padding-top: 100%; position: relative; } .product-teaser__image-link { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; height: 100%; -ms-flex-pack: center; justify-content: center; left: 0; padding: 10px; padding-top: 0; position: absolute; top: 0; width: 100%; } .product-teaser__image { margin-bottom: 0; max-height: 100%; } .product-teaser__text-wrapper { padding-top: 12.5px; text-align: center; } @media screen and (max-width: 1070px) { .product-teaser { margin-bottom: 3rem; } } @media screen and (max-width: 640px) { .product-teaser { margin-bottom: 2rem; } } .text-and-image::after { content: ""; clear: both; display: table; } .text-and-image__image-wrapper { float: right; margin-right: -220px; padding-left: 1.6rem; padding-bottom: 1.6rem; position: relative; width: 440px; } .text-and-image__image-wrapper a { display: block; } .text-and-image .image-description { font-size: 13px; font-size: 0.929rem; line-height: 160%; background-color: #333; background-color: hsla(0, 0%, 20%, 0.4); border-radius: 3px; bottom: 10px; color: #FFF; margin-bottom: 0; padding: 2px 8px; position: absolute; right: 10px; text-align: right; bottom: 35px; } .text-and-image__image { margin-bottom: 0; } @media screen and (max-width: 1070px) { .text-and-image { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.6rem; } .text-and-image__image-wrapper, .text-and-image__text-wrapper { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .text-and-image__image-wrapper { float: none; margin-bottom: 1.6rem; margin-right: 0; -ms-flex-order: 10; order: 10; padding: 0; } .text-and-image .image-description { bottom: 10px; } } .text-and-content::after { content: ""; clear: both; display: table; } .text-and-content__content-wrapper { float: right; margin-right: -220px; padding-left: 1.6rem; padding-bottom: 1.6rem; position: relative; width: 440px; } .text-and-content__content-wrapper .box, .text-and-content__content-wrapper .box-bordered { margin-bottom: 0; } @media screen and (max-width: 1070px) { .text-and-content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.6rem; } .text-and-content__content-wrapper, .text-and-content__text-wrapper { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } .text-and-content__content-wrapper { float: none; margin-bottom: 1.6rem; margin-right: 0; -ms-flex-order: 10; order: 10; padding: 0; } } .images { margin-left: -100px; margin-right: -100px; } .images--count-2 { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .images--count-2 .images__image-wrapper { -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); max-width: calc(50% - 10px); width: calc(50% - 10px); } .images__image-wrapper { border-radius: 3px; overflow: hidden; position: relative; } .images__image-wrapper a { display: block; } .images .image-description { font-size: 13px; font-size: 0.929rem; line-height: 160%; background-color: #333; background-color: hsla(0, 0%, 20%, 0.4); border-radius: 3px; bottom: 10px; color: #FFF; margin-bottom: 0; padding: 2px 8px; position: absolute; right: 10px; text-align: right; } .images__image { margin-bottom: 0; } @media screen and (max-width: 866px) { .images { margin-left: 0; margin-right: 0; } } @media screen and (max-width: 640px) { .images--count-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .images--count-2 .images__image-wrapper { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; margin-bottom: 1.6rem; } .images--count-2 .images__image-wrapper:last-child { margin-bottom: 0; } } .videos { margin-left: -100px; margin-right: -100px; } .videos video { height: auto; width: 100%; } @media screen and (max-width: 866px) { .videos { margin-left: 0; margin-right: 0; } } .ce-uploads { margin-bottom: 1.6rem; padding-left: 25px; } .ce-uploads--image li { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .ce-uploads--image li .ce-uploads__image-wrapper { -ms-flex-preferred-size: 150px; flex-basis: 150px; max-width: 150px; width: 150px; } .ce-uploads--image li .ce-uploads__text-wrapper { -ms-flex-preferred-size: calc(100% - 175px); flex-basis: calc(100% - 175px); max-width: calc(100% - 175px); width: calc(100% - 175px); } .ce-uploads--icon .ce-uploads__list-item::before { content: '\e8fa'; } .ce-uploads li { margin-bottom: 0.8rem; margin-top: 0; overflow: visible; } .ce-uploads li:last-child { margin-bottom: 0; } .ce-uploads .ce-uploads-fileName { display: inline-block; } .ce-uploads .ce-uploads-filesize { color: #666; font-size: 13px; } .ce-uploads .ce-uploads__list-item--jpg::before, .ce-uploads .ce-uploads__list-item--bmp::before, .ce-uploads .ce-uploads__list-item--ico::before, .ce-uploads .ce-uploads__list-item--ttf::before, .ce-uploads .ce-uploads__list-item--eps::before, .ce-uploads .ce-uploads__list-item--tif::before, .ce-uploads .ce-uploads__list-item--tiff::before, .ce-uploads .ce-uploads__list-item--svg::before, .ce-uploads .ce-uploads__list-item--webp::before, .ce-uploads .ce-uploads__list-item--png::before, .ce-uploads .ce-uploads__list-item--gif::before { content: '\e90b'; } .ce-uploads .ce-uploads__list-item--pdf::before { content: '\e913'; } .ce-uploads .ce-uploads__list-item--zip::before { content: '\e8fd'; } .ce-uploads .ce-uploads__list-item--mpeg::before, .ce-uploads .ce-uploads__list-item--mpg::before, .ce-uploads .ce-uploads__list-item--mp4::before, .ce-uploads .ce-uploads__list-item--flash::before, .ce-uploads .ce-uploads__list-item--avi::before, .ce-uploads .ce-uploads__list-item--swf::before, .ce-uploads .ce-uploads__list-item--mov::before { content: '\e91d'; } .ce-uploads .ce-uploads__list-item--wav::before, .ce-uploads .ce-uploads__list-item--mp3::before { content: '\e912'; } .ce-uploads .ce-uploads__list-item--odp::before, .ce-uploads .ce-uploads__list-item--ppt::before { content: '\e915'; } .ce-uploads .ce-uploads__list-item--csv::before { content: '\e905'; } .ce-uploads .ce-uploads__list-item--ods::before, .ce-uploads .ce-uploads__list-item--xls::before { content: '\e908'; } .ce-uploads .ce-uploads__list-item--docx::before, .ce-uploads .ce-uploads__list-item--odt::before, .ce-uploads .ce-uploads__list-item--rtf::before, .ce-uploads .ce-uploads__list-item--doc::before { content: '\e8fb'; } .ce-uploads .ce-uploads__list-item--java::before, .ce-uploads .ce-uploads__list-item--php3::before, .ce-uploads .ce-uploads__list-item--xml::before, .ce-uploads .ce-uploads__list-item--json::before, .ce-uploads .ce-uploads__list-item--htm::before, .ce-uploads .ce-uploads__list-item--html::before, .ce-uploads .ce-uploads__list-item--html1::before, .ce-uploads .ce-uploads__list-item--html2::before, .ce-uploads .ce-uploads__list-item--html3::before, .ce-uploads .ce-uploads__list-item--css::before, .ce-uploads .ce-uploads__list-item--js::before { content: '\e903'; } .ce-uploads .ce-uploads__list-item--txt::before { content: '\e8fc'; } .price__default.is--discount { color: #C40D1E; } .price__pseudo { font-size: 13px; font-size: 0.929rem; line-height: 160%; font-weight: 400; margin-left: 5px; position: relative; } .price__pseudo::before { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); border-top: 1px solid; border-top-color: currentcolor; border-color: inherit; content: ""; left: 0; position: absolute; right: 0; top: 50%; } .price__base { font-size: 13px; font-size: 0.929rem; line-height: 160%; color: #ccc; } .f3-widget-paginator { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .f3-widget-paginator li { margin: 5px !important; } .f3-widget-paginator li.current, .f3-widget-paginator a { -ms-flex-align: center; align-items: center; border-radius: 3px; border: 1px solid #F1F0EF; background-color: #F1F0EF; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 10px 12px; font-weight: normal; text-decoration: none; } .f3-widget-paginator li.current { background: #FFF; font-weight: bold; } .f3-widget-paginator li.previous a, .f3-widget-paginator li.next a { background: #FFF; border-color: #FFF; padding: 10px 0; text-indent: -9999px; } .f3-widget-paginator li.previous a::before, .f3-widget-paginator li.next a::before { font-size: 22px; font-size: 1.571rem; line-height: 100%; content: '\f104'; display: inline-block; font-family: "cs-icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; margin-right: 0.2em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; margin-right: 0; text-indent: 0; } .f3-widget-paginator li.next a::before { content: '\f105'; } * { box-sizing: border-box; } /*************************** Frames ***************************/ body { padding-top: 0; transition: padding ease-in-out 0.2s; } .global-wrapper { background-color: #FFF; margin: 0 auto; padding-top: 190px; } @media screen and (max-width: 768px) { .global-wrapper { left: 0; padding-top: 73px; position: relative; transition: left 0.3s ease; } .global-wrapper.open-mobile-menu { left: calc(100% - 60px); } .global-wrapper.open-mobile-menu header.header.fixed-visible { left: calc(100% - 60px); } } #content { display: block; padding-top: 0; padding-bottom: 1rem; } #content.home-page { padding-top: 1.5rem; } .frame--small, #content.home-page .frame-type-text, #content.category-page .frame-type-text { margin-left: auto; margin-right: auto; max-width: 670px; text-align: center; } .frame { margin-bottom: 4rem; } .frame.frame-space-after-no { margin-bottom: 0 !important; } .frame.frame-type-cstemplates_vt_textWithImage, .frame.frame-type-cstemplates_vt_textWithBox, .frame.frame-type-cstemplates_vt_textWithProduct, .frame--margin-nlb { margin-bottom: calc(4rem - 1.6rem); } .frame header { text-align: center; } @media screen and (max-width: 1070px) { .frame { margin-bottom: 3rem; } .frame.frame-type-cstemplates_vt_textWithImage, .frame.frame-type-cstemplates_vt_textWithBox, .frame.frame-type-cstemplates_vt_textWithProduct, .frame--margin-nlb { margin-bottom: calc(3rem - 1.6rem); } } @media screen and (max-width: 640px) { .frame { margin-bottom: 2rem; } .frame.frame-type-cstemplates_vt_textWithImage, .frame.frame-type-cstemplates_vt_textWithBox, .frame.frame-type-cstemplates_vt_textWithProduct, .frame--margin-nlb { margin-bottom: calc(2rem - 1.6rem); } } .wrapper { margin: 0 auto; max-width: 1070px; } .wrapper--small { margin-left: auto; margin-right: auto; margin-top: -140px; max-width: 630px; position: relative; } .wrapper--small::before { background-color: #FFF; background-color: hsla(0, 0%, 100%, 0.9); border-radius: 3px; border-bottom-left-radius: 0; border-top-right-radius: 0; content: ""; display: block; height: 140px; left: -2.4rem; position: absolute; right: -220px; top: -1.6rem; z-index: 1; } .wrapper--small > * { position: relative; z-index: 2; } .wrapper--small .frame header { text-align: left; } @media screen and (max-width: 1106px) { .wrapper { margin: 0 18px; } .wrapper--small::before { right: calc((((100vw - 18px*2 ) - 630px ) / 2 ) * -1); } } @media screen and (max-width: 788px) { .wrapper { margin: 0 10px; } .wrapper--small::before { border-bottom-left-radius: 3px; border-top-left-radius: 0; left: calc((((100vw - 10px*2 ) - 630px ) / 2 ) * -1); right: calc((((100vw - 10px*2 ) - 630px ) / 2 ) * -1); } } @media screen and (max-width: 768px) { .wrapper--small::before { border-radius: 0; left: 50%; margin-left: -50vw; right: auto; width: 100vw; } } @media screen and (max-width: 640px) { .wrapper--small { margin-top: -100px; } .wrapper--small::before { height: 100px; } } @media screen and (max-width: 414px) { .wrapper--small { margin-top: -55px; } .wrapper--small::before { height: 55px; } } /*************************** Template Helpers ***************************/ .h-margin-bottom-extra-small { margin-bottom: 0.53333333rem; } .h-margin-right-small { margin-right: 0.8rem; } .h-minus-margin-top { margin-top: -0.8rem; } .h-margin-top { margin-top: 3.2rem; } .h-margin-top-default { margin-top: 1.6rem; } .h-margin-top-small { margin-top: 0.8rem; } .h-margin-bottom-small { margin-bottom: 0.8rem; } .h-margin-bottom-large { margin-bottom: 4rem; } .h-margin-bottom-medium { margin-bottom: 1.6rem; } .h-no-margin-bottom { margin-bottom: 0; } .h-no-margin-top { margin-top: 0; } .h-flex-space-between { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .h-show-on-touch-device { display: none; } .h-hidden { display: none; } .h-show-on-tablet-large, .h-show-on-tablet, .h-show-on-tablet-small, .h-show-on-mobile, .h-show-on-mobile-last { display: none; } @media screen and (max-width: 1070px) { .h-hide-on-tablet-large { display: none; } .h-show-on-tablet-large { display: block; } } @media screen and (max-width: 866px) { .h-hide-on-tablet { display: none; } .h-show-on-tablet { display: block; } } @media screen and (max-width: 768px) { .h-hide-on-tablet-small { display: none; } .h-show-on-tablet-small { display: block; } } @media screen and (max-width: 640px) { .h-hide-on-mobile { display: none; } .h-show-on-mobile { display: block; } } @media screen and (max-width: 414px) { .h-hide-on-mobile-last { display: none; } .h-show-on-mobile-last { display: block; } } header.header { background-color: #FFF; left: 0; padding: 1rem 0; position: absolute; top: 0; width: 100%; z-index: 500; transition: left 0.3s ease; } header.header.fixed-invisible .header__flex-space-between, header.header.fixed-visible .header__flex-space-between { display: none; } header.header.fixed-invisible { position: fixed; top: -90px; } header.header.fixed-visible { border-bottom: 1px solid #F1F0EF; position: fixed; top: 0; } header.header.animation-on { transition: top linear 0.5s; } .header__flex-space-between { -ms-flex-align: start; align-items: flex-start; padding-top: 0.5rem; margin-bottom: 1rem; } .header__logo-image { height: auto; margin-bottom: 0; width: 210px; } .header__logo-link { display: block; } .header__slogan, .header__shop-link { -ms-flex-preferred-size: 200px; flex-basis: 200px; max-width: 200px; width: 200px; } .header__shop-link .button { display: inline-block; margin: 0; } .header__slogan { font-size: 16px; font-size: 1.143rem; line-height: 160%; margin-bottom: 0; margin-top: 10px; text-align: right; } .header__mobile-search-link { display: none; } .header__search { background-color: #F1F0EF; border-radius: 3px; display: block; left: 0; margin-bottom: 1.6rem; overflow: hidden; padding: 1px 0; position: absolute; transition: width 0.4s ease-in-out; top: 0; width: 0; } .header__search.active { overflow: visible; padding: 1px; width: calc(100% - 110px); } .header__search .search-form__input { padding-top: 12px !important; padding-bottom: 11px !important; } @media screen and (max-width: 1070px) { .header__search.active { width: calc(100% - 40px); } } @media screen and (max-width: 768px) { header.header { border-bottom: 1px solid #F1F0EF; padding: 5px 0; } header.header.fixed-invisible .header__flex-space-between, header.header.fixed-visible .header__flex-space-between { display: -ms-flexbox; display: flex; } .header__flex-space-between { -ms-flex-pack: center; justify-content: center; margin: 0; position: relative; } .header__logo-image { width: 120px; } .header__mobile-search-link { -ms-flex-align: center; align-items: center; border-radius: 3px; background: #FFF; display: -ms-flexbox; display: flex; height: 40px; -ms-flex-pack: center; justify-content: center; margin-top: -20px; position: absolute; right: 0; top: 50%; width: 40px; } .header__mobile-search-link::before { font-size: 21px; font-size: 1.5rem; line-height: 100%; margin: 0; } .header__search { border-radius: 0; display: block; opacity: 0; overflow: hidden; padding: 15px 10px; position: fixed; top: -80px; transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out; width: 100%; } .header__search.active { opacity: 1; overflow: visible; padding: 15px 10px; top: 0; width: 100%; } } .menu-main { background-color: #F1F0EF; border-radius: 3px; position: relative; z-index: 100; } .menu-main__item--level-1.hover .menu-main__link--level-1.menu-main__link--has-children { background: #FFF; } .menu-main__item--level-1.hover { -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2)); } .menu-main__link--level-2:hover { background: #F1F0EF; } .menu-main__list--level-1 { display: -ms-flexbox; display: flex; position: relative; width: 100%; } .menu-main__list--level-2 { background-color: #FFF; color: #333; display: none; left: 0; padding: 12.5px !important; position: absolute; top: 100%; width: 356px; } .menu-main__item--level-1 { position: relative; } .menu-main__item--level-1.hover .menu-main__list--level-2 { display: block; } .menu-main__item--has-colled-children .menu-main__list--level-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; width: 712px; } .menu-main__item--has-colled-children .menu-main__item--level-2 { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid-column; } .menu-main__item--search { position: absolute !important; right: 0; top: 0; } .menu-main__link { font-size: 15px; font-size: 1.071rem; line-height: 160%; color: inherit; display: block; font-weight: 600 !important; padding: 11px 25px; position: relative; } .menu-main__link--level-1 { white-space: nowrap; } .menu-main__link--level-2 { padding: 8px 12.5px; } .menu-main__link--search { padding-left: 35px; position: relative; } .menu-main__link--search::before { font-size: 20px; font-size: 1.429rem; line-height: 160%; left: 7px; margin: 0; position: absolute; top: 7px; } .menu-main__mobile-header { display: none; } @media screen and (max-width: 1070px) { .menu-main__item--level-1.hover { -webkit-filter: none; filter: none; } .menu-main__list--level-2 { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); padding: 12.5px 6.25px !important; width: 100% !important; } .menu-main__item--level-1 { position: static; } .menu-main__item--has-colled-children .menu-main__list--level-2 { -webkit-column-gap: 12.5px; -moz-column-gap: 12.5px; column-gap: 12.5px; } .menu-main__link { padding: 11px 12.5px; } .menu-main__link--level-2 { padding: 8px 6.25px; } .menu-main__link--search { padding-left: 25px; } } @media screen and (max-width: 768px) { .menu-main { background-color: #F1F0EF; bottom: auto; clear: both; color: #333; height: 100vh; overflow: hidden; padding: 1rem 0; position: fixed; right: 100vw; top: 0; transition: right 0.3s ease; width: calc(100vw - 60px); z-index: 10; } .menu-main.open { right: 60px; } .menu-main__item--level-1.hover .menu-main__link--level-1.menu-main__link--has-children, .menu-main__link--level-2:hover { background: inherit; } .menu-main__shadow { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2) inset; bottom: -15px; left: -15px; pointer-events: none; position: absolute; right: 0; top: -15px; transition: right 0.3s ease; z-index: 20; } .menu-main__mobile-header { display: block; padding: 10px 20px; } .menu-main__mobile-headline { font-size: 15px; font-size: 1.071rem; line-height: 160%; font-weight: 600 !important; margin-bottom: 0; text-align: center; word-break: break-all; } .menu-main__level-up::before { font-size: 20px; font-size: 1.429rem; line-height: 100%; left: -3px; position: relative; } .menu-main__list--level-1 { display: block; padding: 0 !important; } .menu-main__list--level-2 { background-color: #F1F0EF; box-shadow: none; color: inherit; display: block; height: 100vh; left: 100vw; overflow-y: scroll; padding: 1rem 0 !important; position: absolute; top: -1rem; transition: left 0.3s ease; width: calc(100vw - 60px) !important; z-index: 10; } .menu-main__item--level-1 { position: static; } .menu-main__item--has-colled-children .menu-main__list--level-2 { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .menu-main__item--show-on-touch-device { background: #DAD7D3; display: block !important; padding: 10px 0; } .menu-main__item--show-on-touch-device .menu-main__link::before { content: '\e8f7'; display: inline-block; font-family: "cs-icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; margin-right: 0.2em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; } .menu-main__item.show-children > .menu-main__list { left: 0; } .menu-main__link--level-1, .menu-main__link--level-2 { border-bottom: none; font-family: "Open Sans", sans-serif; padding: 10px 20px; text-transform: none; } } .menu-mobile { display: none; } @media screen and (max-width: 768px) { .menu-mobile { display: block; left: 0; margin-top: -20px; position: absolute; top: 50%; } .menu-mobile__item { display: inline-block; } .menu-mobile__toggle-menu-mobile { -ms-flex-align: center; align-items: center; border-radius: 3px; background: #F1F0EF; display: -ms-flexbox; display: flex; height: 40px; -ms-flex-pack: center; justify-content: center; width: 40px; } .menu-mobile__toggle-menu-mobile::before { font-size: 21px; font-size: 1.5rem; line-height: 100%; margin: 0; } } .menu-sections { border-bottom: 1px solid #E2E1E0; border-top: 1px solid #E2E1E0; margin-bottom: 4rem; padding: 1.2rem 0.8rem; } @media screen and (max-width: 1070px) { .menu-sections { margin-bottom: 3rem; } } @media screen and (max-width: 640px) { .menu-sections { margin-bottom: 2rem; } } .menu-social-media { left: 50%; margin-left: -510px; position: absolute; top: 140px; transition: top 0.1s ease; width: 105px; } .menu-social-media__title { position: absolute; right: 0; top: 8px; } .menu-social-media__link { font-size: 24px; font-size: 1.714rem; line-height: 100%; padding: 8px 0; } @media screen and (max-width: 1106px) { .menu-social-media { left: 50%; margin-left: calc(-50vw + 18px); } } @media screen and (max-width: 1070px) { .menu-social-media { width: 50px; } .menu-social-media__title { display: none !important; } } @media screen and (max-width: 966px) { .menu-social-media { display: -ms-flexbox; display: flex; left: 0; margin-left: 0; width: auto; top: -75px; } .menu-social-media__list { display: -ms-flexbox; display: flex; left: -100vw; opacity: 0; position: relative; transition: opacity 0.6s cubic-bezier(0.75, -0.5, 0, 1.5), left 0.6s cubic-bezier(0.75, -0.5, 0, 1.5); } .menu-social-media__list.open { left: 0; opacity: 1; } .menu-social-media__item { margin-left: 10px; } .menu-social-media__link, .menu-social-media__mobile-link { font-size: 22px; font-size: 1.571rem; line-height: 100%; background-color: #333; background-color: hsla(0, 0%, 20%, 0.5); -ms-flex-align: center; align-items: center; border-radius: 50%; color: #FFF; display: -ms-flexbox; display: flex; height: 40px; -ms-flex-pack: center; justify-content: center; left: 100%; overflow: hidden; width: 40px; } .menu-social-media__link::before, .menu-social-media__mobile-link::before { margin-right: 0; } .menu-social-media__mobile-link.open { background: #C40D1E; } } .breadcrumb { font-size: 13px; font-size: 0.929rem; line-height: 160%; color: #666; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2.4rem !important; padding: 0; } .breadcrumb__item:last-child::after, .breadcrumb__link::after { content: '/'; left: 0; position: absolute; top: 0; } .breadcrumb__item:first-child .breadcrumb__link { padding-left: 0; } .breadcrumb__item:first-child .breadcrumb__link::after { display: none; } .breadcrumb__item:first-child::after { display: none; } .breadcrumb__item:last-child { padding-left: 10px; } .breadcrumb__link { color: #333; padding: 0 5px 0 10px; } .breadcrumb__link--home::before { display: none; } @media screen and (max-width: 1070px) { .breadcrumb { margin-bottom: 2.4rem !important; } } @media screen and (max-width: 768px) { .breadcrumb { margin-top: 1rem !important; } .breadcrumb__link--home::before { display: inline; } } @media screen and (max-width: 640px) { .breadcrumb { display: block; margin-bottom: 2rem !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .breadcrumb__link, .breadcrumb__item { display: inline; } } .footer-top { font-size: 13px; font-size: 0.929rem; line-height: 160%; border-top: 2px solid #F1F0EF; padding-bottom: 0.5rem; padding-top: 2.5rem; } .footer-top__logo-image { width: 200px; } .footer-middle { background: #F1F0EF; padding: 2.5rem 0; } .footer-middle__wrapper { position: relative; } .footer-middle__menu { display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .footer-middle__item { padding: 0 9px; } .footer-middle__item:first-child { padding-left: 0; } .footer-middle__item:last-child { padding-right: 0; } .footer-middle__link { font-weight: 600; text-decoration: none; } .footer-middle__link::before { font-size: 24px; font-size: 1.714rem; line-height: 100%; color: #C40D1E; margin-right: 0.4em; vertical-align: middle; } .footer-bottom { font-size: 13px; font-size: 0.929rem; line-height: 160%; padding: 1rem 0 3rem; } .footer-bottom__wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .footer-bottom__menu { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-bottom: 0.2rem !important; } .footer-bottom__item { padding: 0 10px; } .footer-bottom__item:first-child { padding-left: 0; } .footer-bottom__item:last-child { padding-right: 0; } .footer-bottom__link { position: relative; } .footer-bottom__link::before { content: '/'; left: -10px; position: absolute; top: 0; } .footer-bottom__social-menu { display: -ms-flexbox; display: flex; } .footer-bottom__social-item { padding: 0 7px; } .footer-bottom__social-item:first-child { padding-left: 0; } .footer-bottom__social-item:last-child { padding-right: 0; } .footer-bottom__social-link { -ms-flex-align: center; align-items: center; background: #C40D1E; border-radius: 50%; color: #FFF; display: -ms-flexbox; display: flex; height: 46px; -ms-flex-pack: center; justify-content: center; width: 46px; } .footer-bottom__social-link::before { font-size: 22px; font-size: 1.571rem; line-height: 100%; margin-right: 0; } .footer-bottom__social-link--facebook { background: #40529F; } .footer-bottom__social-link--pinterest { background: #C61424; } @media screen and (max-width: 768px) { .footer-top { padding-bottom: 2rem; } .footer-top__hidden-row-on-tablet { max-height: 110px; overflow: hidden; position: relative; transition: max-height 0.2s ease-in-out; } .footer-top__hidden-row-on-tablet::after { background: rgba(255, 255, 255, 0); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFF 100%); bottom: 0; content: ""; height: 60px; opacity: 1; position: absolute; left: 0; transition: opacity 0.2s ease-in-out; width: 100%; } .footer-top__hidden-row-on-tablet > [class^="cs-col-"] { margin-bottom: 0; } .footer-top__hidden-row-on-tablet.visible { max-height: 500px; } .footer-top__hidden-row-on-tablet.visible::after { opacity: 0; } } @media screen and (max-width: 640px) { .footer-top__logo-image { margin: 0 auto; width: 140px; } .footer-top__hidden-row-on-tablet { text-align: center; } .footer-middle__item--last-on-mobile { -ms-flex-order: 20; order: 20; } .footer-middle__link { text-align: center; } .footer-middle__link::before { font-size: 36px; font-size: 2.571rem; line-height: 100%; display: block; margin: 0 auto 10px; text-align: center; } .footer-bottom__social-link { height: 36px; width: 36px; } .footer-bottom__social-link::before { font-size: 18px; font-size: 1.286rem; line-height: 100%; } } .scroll-to-top { font-size: 22px; font-size: 1.571rem; line-height: 100%; -ms-flex-align: center; align-items: center; background-color: #DAD7D3; border-radius: 50%; bottom: -71px; color: #333; display: -ms-flexbox; display: flex; height: 56px; -ms-flex-pack: center; justify-content: center; left: 100%; margin: 10px; overflow: hidden; position: absolute; width: 56px; z-index: 5; } .scroll-to-top::before { margin-right: 0; } @media screen and (max-width: 1220px) { .scroll-to-top { display: none; } } /* Clickstorm Cookie Banner config */ /*-------------------------- Cookie Banner ----------------------------*/ .cs-cookie__accordion-content { border-bottom: 2px solid #e2e1e0; border-top: 2px solid #e2e1e0; display: none; margin-bottom: 13px; padding: 13px 0 0; } .cs-cookie__accordion-content--open { display: block; } .cs-cookie__accordion-text { margin: 0; padding-bottom: 13px; } .cs-cookie__box { background-color: #fff; box-sizing: border-box; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); display: block; max-width: 450px; opacity: 1; padding: 30px; width: 100%; z-index: 9999999; } .cs-cookie__button { background-color: #C40D1E; border: none; border-radius: 3px; color: #F2F2F2; cursor: pointer; display: block; font-weight: bold; text-align: center; text-decoration: none; font-weight: 400; font-size: 13px; margin-top: 0; margin-bottom: 13px; padding: 14px 20px; width: 100%; } .cs-cookie__button:hover { color: #F2F2F2; } .cs-cookie__button--layer { border: 2px solid #C40D1E; height: 100%; margin: 0 0 0 10px; min-width: 150px; width: auto; } .cs-cookie__button--secondary { background-color: transparent; border: 2px solid #B4B4B4; color: #B4B4B4; } .cs-cookie__button--secondary:hover { background-color: transparent !important; color: #B4B4B4; } .cs-cookie__checkbox { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding-bottom: 15px; } .cs-cookie__checkbox--checked label::after { opacity: 0.5; } .cs-cookie__checkbox--locked { opacity: 0.5; } .cs-cookie__checkbox--locked.cs-cookie__checkbox label { cursor: not-allowed; } .cs-cookie__checkbox input[type=checkbox] { display: none; } .cs-cookie__checkbox input[type="checkbox"] + label { background: #737373; border-radius: 100px; cursor: pointer; display: block; height: 29px; margin-left: 0; margin-bottom: 0; position: relative; width: 56px; } .cs-cookie__checkbox label { padding-left: 0 !important; } .cs-cookie__checkbox label:before { background-color: transparent !important; border: none !important; content: '' !important; } .cs-cookie__checkbox label:after { transition: 300ms; background: #F1F0EF; border-radius: 50%; content: ''; height: 25px; left: 3px; max-width: 25px; position: absolute; top: 2px; width: 25px; } .cs-cookie__checkbox input:checked + label { background: #A6C52D; } .cs-cookie__checkbox input:checked + label:after { background-color: #F1F0EF; left: 28px; } .cs-cookie__checkbox label:active:after { width: 130px; } .cs-cookie__checklist-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 15px; } .cs-cookie__close-modal { cursor: pointer; height: 22px; position: absolute; right: -10px; top: -20px; width: 22px; } .cs-cookie__close-modal::before, .cs-cookie__close-modal::after { background-color: #333; content: ''; height: 22px; left: 15px; position: absolute; width: 2px; } .cs-cookie__close-modal::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cs-cookie__close-modal::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .cs-cookie__description { margin-bottom: 30px; text-align: center; } .cs-cookie__inner { color: #333; position: relative; } .cs-cookie__link { display: inline-block; font-size: 13px; font-weight: 400; margin-bottom: 0; text-decoration: none; } .cs-cookie__link--separator::after { content: '/'; padding: 0 3px 0 7px; } .cs-cookie__link-wrapper { text-align: center; } .cs-cookie__no-cookies-box { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; background-color: #F4F4F4; height: 100%; left: 0; top: 0; position: absolute; text-align: center; width: 100%; } .cs-cookie__no-cookies-box-button { background-color: #C40D1E; border: none; border-radius: 3px; color: #F4F4F4; cursor: pointer; display: block; font-weight: bold; text-align: center; text-decoration: none; padding: 5px 10px; } .cs-cookie__open { overflow: hidden; } .cs-cookie__switch-label { color: #333; display: inherit; margin-bottom: 0; text-decoration: none; } .cs-cookie__switch-label::after { border: solid #C40D1E; border-width: 0 2px 2px 0; content: ''; box-sizing: content-box; display: inline-block; height: 9px; margin: 3px 0 0 10px; width: 9px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .cs-cookie__switch-label--inner { cursor: initial; max-width: 200px; text-align: right; } .cs-cookie__switch-label--inner::after { display: none; } .cs-cookie__switch-label--open::after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin-top: 7px; } .cs-cookie__switch-label-inner-link { color: #B4B4B4; font-size: 12px; font-weight: 400; text-decoration: none; } .cs-cookie__table { margin-bottom: 13px; width: 100%; } .cs-cookie__table td { padding: 5px; } .cs-cookie__table tr { padding: 0; } .cs-cookie__table tr td:first-child { width: 80px; } .cs-cookie__table tr a { margin-bottom: 0; padding: 0; } .cs-cookie__table tr:nth-child(odd) { background-color: #F1F0EF; } .cs-cookie__table-link { color: #333; display: inline-block; font-size: 12px; font-weight: 400; text-decoration: none; } .cs-cookie__title { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; font-size: 24px; -ms-flex-pack: center; justify-content: center; color: #333; margin: 10px 0 20px; } .cs-cookie__title-inner { position: relative; } .cs-cookie__title-icon { margin-right: 10px; } .cs-cookie__title-icon::before { font-size: 32px !important; } .cs-cookie__wrapper { background-color: rgba(0, 0, 0, 0.7); display: none; height: 100%; font-size: 13px; line-height: 140%; left: 0; opacity: 0; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 99999; transition: opacity 200ms ease-in; /* Hide scrollbar for IE and Edge */ -ms-overflow-style: none; } .cs-cookie__wrapper::-webkit-scrollbar { display: none; } .cs-cookie__wrapper.cs-show-modal { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; opacity: 1; } .cs-cookie__wrapper.cs-close-modal { opacity: 0; } .cs-cookie__wrapper--left { -ms-flex-pack: left; justify-content: left; } .cs-cookie__wrapper--right { -ms-flex-pack: right; justify-content: right; } .cs-cookie__wrapper--left .cs-cookie__box, .cs-cookie__wrapper--right .cs-cookie__box { -ms-flex-align: end; align-items: flex-end; margin: 15px; } .frame-wrapper { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 0px; position: relative; } .frame-wrapper.loading { position: relative; } .frame-wrapper.loading::before { background-image: url('../../../typo3conf/ext/cs_templates/Resources/Public/images/spinner.gif'); content: ''; height: 50px; left: 50%; position: absolute; top: 50%; -webkit-transform: perspective(1px) translateY(-50%); transform: perspective(1px) translateY(-50%); width: 50px; } .frame-wrapper iframe { height: 100%; left: 0; top: 0; position: absolute; width: 100%; } .cs-cookie-layer { background-color: #fff; box-shadow: 0px -3px 5px 1px rgba(226, 225, 224, 0.5); bottom: 0; color: #333; display: none; left: 0; position: fixed; text-align: center; width: 100%; z-index: 100; } .cs-cookie-layer__icon { margin-right: 20px; } .cs-cookie-layer__icon::before { font-size: 28px !important; } .cs-cookie-layer__text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; max-width: 700px; padding-right: 45px; text-align: left; position: relative; } .cs-cookie-layer__text-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; font-size: 13px; margin: 0; padding: 20px 50px; } @media screen and (max-width: 1170px) { .cs-cookie__button--layer { margin: 13px 0 0; } .cs-cookie-layer__text { max-width: initial; } .cs-cookie-layer__text-wrapper { -ms-flex-direction: column; flex-direction: column; padding: 15px 20px; } } @media screen and (max-width: 600px) { .cs-cookie__title { font-size: 20px; } .cs-cookie__title-inner::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cs-cookie__wrapper.cs-show-modal { -ms-flex-align: start; align-items: start; } } /* YouTube Videos */ .cs-cookie__no-cookies-box { min-height: 250px; position: relative; }