/*! normalize.css v2.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* 2 */ box-sizing: border-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } html body * span.h-clear, html body * div.h-clear, html body * li.h-clear, html body * dd.h-clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /** * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .h-clearfix:before, .h-clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .h-clearfix:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .h-clearfix { *zoom: 1; } /* * Font related Stuff */ * { /*font-family: 'HelveticaNeueRoman', Arial, sans-serif;*/ font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; color: #484848; } ::-moz-selection { background: #EBBB45; color: #080F7A; } ::selection { background: #EBBB45; color: #080F7A; } /* * Heading Globals */ h1, h1 span, h2, h2 span, h3.c-like-h2 { font-family: 'HelveticaNeueLite', Arial, sans-serif; font-weight: normal; } h5, h6 { font-family: 'HelveticaNeueRoman', Arial, sans-serif; } h1, h1 span, h2, h3, h4, h5, h6 { color: #080f7a; } h1, h1 span, h2, h3.c-like-h2 { font-size: 26px; line-height: 31px; } h2 span, h3, h5 { font-size: 14px; } /* * h1, h2 */ h1, h2, h3.c-like-h2 { line-height: 31px; margin: 0 0 10px; } @media screen and (max-width: 390px) { h1 span { display: block; } } /* * h2 */ h2 span { color: #8c8c8c; display: block; } /* * h3 */ h3:not(.c-like-h2) { margin: 0 0 15px; font-weight: bold; } h3.c-like-h2 { } /* * h4 */ h4 { font-size: 17px; margin: 0 0 5px; font-weight: normal; } /* * h5 */ h5 { margin: 0 0 10px; font-weight: normal; } /* * h6 */ h6 { font-size: 12px; margin: 0; font-weight: normal; } /* * Paragraph */ p { margin: 0 0 10px; } .c-light-grey-text { /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ color: #7e7e7e; } .c-highlight-text { font-size: 14px; color: #06117d; } /* * Common Links */ a:link, a:visited, a:active { color: #06117d; text-decoration: none; } a:link.underline, a:visited.underline, a:active.underline { text-decoration: underline; } a:hover { color: #292929; } /* * Logo */ .l-logo { background: #FFF; padding: 6px 0; } body div.l-site-wrap div.l-content-wrap header.l-header section.l-logo > a, a#olympus-logo { width: 225px; height: 32px; margin-left: 15px; display: block; background: url(//cdn.aws.olympus.eu/static/img/logo/olympus-logo.svg) 0 0/auto 100% no-repeat; } /* * Off-Canvas-Toggle */ .m-trigger { width: 44px; height: 44px; position: absolute; top: 0; left: 0; background: url(../img/icon/sprite.png) no-repeat 0 -30px; } /* * Metanavigation */ .l-basis { background: #3f3f3f; position: relative; height: 44px; } .m-metanav { margin: 0; padding: 0; float: right; } .m-metanav li { list-style: none; float: left; } .m-metanav a { display: block; width: 44px; height: 44px; background: url(../img/icon/sprite.png) no-repeat; } .m-metanav .m-metanav_shopping a { background-position: -44px -30px; } .m-metanav .m-metanav_location a { background-position: -88px -30px; } /* * Quicklinks */ .l-footer_quicklink { padding: 20px; /*height: 88px;*/ } .l-footer-quicklink_wrap { max-width: 270px; margin: 0 auto; position: relative; } .l-footer-quicklink_wrap:before { content: ''; position: absolute; left: 0; width: 55px; height: 60px; background: url(../img/icon/sprite.png); top: 50%; margin-top: -30px; } .c-footer-product-comparison .l-footer-quicklink_wrap:before { background-position: -132px 0; } .c-footer-dealer-locator .l-footer-quicklink_wrap:before { background-position: -192px 0; } .c-footer-olympus-shop .l-footer-quicklink_wrap:before { background-position: -252px 0; } .c-footer-customer-support .l-footer-quicklink_wrap:before { background-position: -312px 0; } .l-footer_quicklink a { display: block; min-height: 60px; position: relative; padding: 8px 0 0 80px; font-size: 12px; } .l-footer_quicklink span { display: block; font-size: 18px; font-weight: bold; color: #FFF; } .c-footer-product-comparison, .c-footer-customer-support { background: #f1f1f1; } .c-footer-dealer-locator { background: url(../img/icon/map.jpg) no-repeat center center; -webkit-background-size: cover; background-size: cover; } .c-footer-olympus-shop { background: #ebbb45; } .c-footer-product-comparison a, .c-footer-customer-support a { color: #484848; } .c-footer-product-comparison a span, .c-footer-customer-support a span { color: #06117d; } .c-footer-dealer-locator a, .c-footer-olympus-shop a { color: #FFF; } /* * Breadcrumb */ .l-breadcrumb { margin: 28px 12px 0; } .l-breadcrumb ul { margin: 0; padding: 0 } .l-breadcrumb li { list-style: none; display: inline-block; position: relative; } .l-breadcrumb .l-breadcrumb_hint { display: block; color: #8e8e8e; padding: 0 0 5px; } .l-breadcrumb .l-breadcrumb_path { padding: 0 12px 0 0; } .l-breadcrumb a { font-size: 14px; display: block; } .l-breadcrumb .l-breadcrumb_path a { color: #484848; } .l-breadcrumb .l-breadcrumb_path:after { content: '»'; position: absolute; top: 0; right: 0; width: 7px; height: 10px; color: #484848; } /* * Language Selection */ .l-language { margin: 25px 12px 0; position: relative; } .l-language ul { margin: 0; padding: 25px 0 0; border-top: 1px dashed #c6c6c6; position: relative; z-index: 0; } .l-language li { list-style: none; display: inline-block; position: relative; } .l-language .l-language_hint { display: block; color: #8e8e8e; padding: 0 0 5px; } .l-language .c-button { position: absolute; right: 0; top: 25px; z-index: 1; } .l-language .l-language_select { /*position: absolute; top: 0; left: -9999em; visibility: hidden;*/ border: none; background: #EBBB44; color: #FFF; padding: 10px 12px 8px; font-size: 14px; position: absolute; right: 0; top: 25px; z-index: 10; width: 90px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; } .l-language .l-language_select::-ms-expand { display: none; } /* * Copyright */ .l-footer_conclusion { background: #363636; padding: 15px 12px 15px 7px; margin: 25px 0 0; } .l-footer_conclusion ul { margin: 0; padding: 0 } .l-footer_conclusion li { list-style: none; display: inline-block; position: relative; color: #999; } .l-footer_conclusion .l-footer-conclusion_hint { display: block; padding: 0 0 5px 5px; } .l-footer_conclusion a { color: #999999; display: block; padding: 0 5px; } .l-footer_conclusion a:hover { color: #FFF; } .l-site-wrap { height: 100%; position: relative; } .l-site-wrap_overlay { position: absolute; width: 100%; height: 100%; background: none; z-index: 100; top: 0; left: 0; } .s-offcanvas_expanded .l-site-wrap { /*overflow-x: hidden !important; min-height: 100%; overflow: hidden;*/ background: #282828; height: auto !important; margin-left: -12px; min-height: 100%; overflow: hidden; padding: 0 0 0 12px; } .l-content-wrap { background: #FFF; position: relative; /*-webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease;*/ } .csstransforms3d.csstransitions.s-offcanvas_collapsed .l-content-wrap { -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); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .csstransforms3d.csstransitions.s-offcanvas_expanded .l-content-wrap { left: 0; min-height: 100%; position: fixed; position: absolute; top: 0; width: 100%; z-index: 2; -webkit-transform: translate3d(267px, 0, 0); -moz-transform: translate3d(267px, 0, 0); -ms-transform: translate3d(267px, 0, 0); -o-transform: translate3d(267px, 0, 0); transform: translate3d(267px, 0, 0); } .no-csstransforms3d.no-csstransitions.s-offcanvas_expanded .l-content-wrap, .no-csstransforms3d.s-offcanvas_expanded .l-content-wrap, .no-csstransitions.s-offcanvas_expanded .l-content-wrap { position: fixed; position: absolute; top: 0; left: 267px; min-height: 100%; z-index: 2; } .l-main { padding: 20px 10px 35px; } .s-offcanvas_expanded .l-main { position: relative; } /* * Search */ .l-nav_search { padding: 10px 10px 15px; border-bottom: 1px solid #4d4d4d; } .l-nav_search form { position: relative; } .l-nav_search input { -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; border: none; } .l-nav_search input[type="search"] { background: #d5d4d3; padding: 10px 40px 8px 10px; width: 100%; } .l-nav_search input[type="submit"] { vertical-align: top; padding: 0; height: 100%; width: 45px; background: #EBBB45 url(../img/icon/sprite.png) no-repeat -370px -78px; position: absolute; top: 0; right: 0; border-left: 8px solid #282828; } /* * Nav */ .l-nav { background: #282828; width: 255px; /*height: 100%; top: 0; left: 0;*/ float: left; display: none; min-height: 100%; /*-webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease;*/ } .csstransforms3d.csstransitions.s-offcanvas_collapsed .l-nav { -webkit-transform: translate3d(-255px, 0, 0); -moz-transform: translate3d(-255px, 0, 0); -ms-transform: translate3d(-255px, 0, 0); -o-transform: translate3d(-255px, 0, 0); transform: translate3d(-255px, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .no-csstransforms3d.no-csstransitions.s-offcanvas_collapsed .l-nav, .no-csstransforms3d.s-offcanvas_collapsed .l-nav, .no-csstransitions.s-offcanvas_collapsed .l-nav { left: -255px; } .csstransforms3d.csstransitions.s-offcanvas_expanded .l-nav { /*overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: auto; position: absolute;*/ display: block; -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); } .no-csstransforms3d.no-csstransitions.s-offcanvas_expanded .l-nav, .no-csstransforms3d.s-offcanvas_expanded .l-nav, .no-csstransitions.s-offcanvas_expanded .l-nav { z-index: 10; display: block; } .l-nav ul { margin: 0; padding: 0; } .l-nav li { list-style: none; } .l-nav a { display: block; color: #FFF; position: relative; } .l-nav a:hover { color: #EBBB45; } .l-nav .l-nav_home { padding: 0 10px; } .l-nav .l-nav_home a { padding: 15px 0 15px 41px; } .l-nav .l-nav_home a:before { content: ''; position: absolute; top: 50%; left: 0; width: 41px; height: 41px; margin: -20.5px 0 0; background: url(../img/icon/sprite.png) no-repeat -214px -74px; } .l-nav .l-nav_home a:after, .l-nav .l-nav_level-2 a:after { content: ''; position: absolute; top: 50%; right: 0; width: 41px; height: 41px; margin: -20.5px 0 0; background: url(../img/icon/sprite.png) no-repeat -164px -74px; } .l-nav .l-nav_level-1 > a { background: #747688; padding: 10px 10px 7px; font-size: 14px; font-weight: bold; } .l-nav .l-nav_level-1 > ul { padding: 0 10px; } .l-nav .l-nav_level-2 > a, .l-nav .l-nav_level-3 > a { padding: 15px 0; border-bottom: 1px solid #4d4d4d; } .l-nav .l-nav_level-2 .c-nav_lastoftype { border: none; } .l-nav .l-nav_level-3 > a { padding: 15px 10px 15px 20px; } .l-nav_level-2.l-nav_has-sub > a:after { content: ''; position: absolute; top: 50%; right: 0; width: 41px; height: 41px; margin: -20.5px 0 0; background: url(../img/icon/sprite.png) no-repeat -123px -74px; } .l-nav_level-2.l-nav_has-sub > a.s-nav_trigger_collapsed:after { background-position: -82px -74px; } .l-nav .c-nav-customer-support { background: #343434; } .l-nav .c-nav-dealer-locator a, .l-nav .c-nav-online-shop a, .l-nav .c-nav-contact a { padding-left: 41px; } .l-nav .c-nav-dealer-locator a:before, .l-nav .c-nav-online-shop a:before, .l-nav .c-nav-contact a:before { content: ''; position: absolute; top: 50%; left: 0; width: 41px; height: 41px; margin: -20.5px 0 0; background: url(../img/icon/sprite.png) no-repeat; } .l-nav .c-nav-dealer-locator a:before { background-position: -246px -74px; } .l-nav .c-nav-online-shop a:before { background-position: -287px -74px; } .l-nav .c-nav-contact a:before { background-position: -328px -74px; } .c-button_wrap { margin: 0; padding: 0; } .c-button_wrap li { list-style: none; float: left; width: 50%; } /* Call-To-Action-Buttons */ .c-button_dealer-locator span:before, .c-button_buy-online span:before, .c-button_call-olympus span:before, .c-button_go-to-form span:before { background: url(../img/icon/sprite.png) no-repeat scroll; content: ''; left: 0; position: absolute; top: 50%; } .c-button_dealer-locator span:before, .c-button_buy-online span:before { height: 41px; margin: -20.5px 0 0; width: 18px; } .c-button_call-olympus span:before, .c-button_go-to-form span:before { height: 25px; margin: -15px 0 0; width: 20px; } .c-button_dealer-locator span:before { background-position: -257px -76px; } .c-button_buy-online span:before { background-position: -299px -75px; } .c-button_call-olympus span:before { background-position: -10px -215px; } .c-button_go-to-form span:before { background-position: -84px -214px; } .c-button { padding: 10px 12px; color: #FFF !important; text-align: center; } .c-button:not(.c-button_inline) { display: block; } .c-button_inline { display: inline-block; font-weight: bold; } .c-button, .c-button span { position: relative; } .c-button span { padding-left: 25px; display: inline-block; color: #FFF; } /* * Ghost Button */ .c-button_ghost { border: 2px solid #FFF; } /* * Orange Button */ .c-button_orange { background: #ebbb44; } /* * Blue Button */ .c-button_blue { background: #080f78; } /* * Change Button */ .c-button_change { font-size: 14px; } /* * More */ .c-button_more { position: relative; padding: 0 0 0 12px; display: block; } .c-button_load_more, .c-button_more-large { font-size: 14px; } .c-button_more:before { content: ''; position: absolute; top: 2px; left: 0; width: 10px; height: 10px; background: url(../img/icon/sprite.png) no-repeat -144px -126px; } .c-product-benefits_more { margin-top: 10px; } /* * Toggle */ .c-product-benefits_more, .c-button_load_more, .c-button_toggle { position: relative; padding: 0 0 0 20px; display: block; } .c-product-benefits_more:before, .c-button_load_more:before, .c-button_toggle:before { content: ''; position: absolute; top: 2px; left: 0; width: 11px; height: 11px; background: url(../img/icon/sprite.png) no-repeat -166px -221px; } .c-product-benefits_more.s-toggle_trigger_collapsed:before, .c-button_load_more:before, .c-button_toggle.s-toggle_trigger_collapsed:before { background-position: -126px -221px; } .m-product-awards .c-button_toggle { margin: 0 1.402805611% 1.402805611%; } .m-dealer-locator_filter-list.c-button_toggle:before { top: 0; } .m-dealer-locator-result_item .c-button_toggle { padding-left: 0; } .m-dealer-locator-result_item .c-button_toggle:before { content: none; display: none; } .m-dealer-locator-result_item .c-button_toggle:after { background: url("../img/icon/sprite.png") no-repeat scroll -56px -89px rgba(0, 0, 0, 0); content: ""; height: 11px; position: absolute; right: -10px; top: 0; width: 11px; } .m-dealer-locator-result_item .c-button_toggle.s-toggle_trigger_collapsed:after { background-position: -15px -89px; } .m-product-teaser .c-button_toggle { background: #eaedf1; color: #484848; padding: 17px 41px 17px 10px; cursor: pointer; position: relative; display: block; font-weight: bold; } .m-product-teaser .c-button_toggle, .m-product-teaser .c-button_toggle span { font-size: 14px; } .m-product-teaser .c-button_toggle:before { content: none; } .m-product-teaser .c-button_toggle:after { background: url("../img/icon/sprite.png") no-repeat scroll -41px -74px rgba(0, 0, 0, 0); content: ""; height: 41px; margin: -20.5px 0 0; position: absolute; right: 0; top: 50%; width: 41px; } .m-product-teaser .c-button_toggle.s-toggle_trigger_collapsed:after { background-position: 0 -74px; } .m-search-result .c-button_toggle { margin-top: 10px; } /* * No-availability hint */ .c-no-availability { background: #e11313; font-weight: bold; } /* * Toggle */ .m-product-specs_title { background: #eaedf1; margin-bottom: 5px; color: #484848; padding: 17px 41px 13px 10px; cursor: pointer; position: relative; } .m-product-specs_title:after { content: ''; position: absolute; top: 50%; right: 0; width: 41px; height: 41px; margin: -20.5px 0 0; background: url(../img/icon/sprite.png) no-repeat -41px -74px; } .m-product-specs_title.s-accordion_trigger_collapsed:after { background-position: 0 -74px; } .m-product-specs_content { padding: 0 0 10px; } /* * Link to »Desktop Website« */ .m-fullsite { border: 1px dashed #6f849d; min-height: 60px; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; } .l-footer .m-fullsite { margin: 28px 12px 0; } .m-fullsite a { position: relative; padding: 10px 10px 10px 65px; display: block; } .m-fullsite_hint a:before { content: ''; position: absolute; top: 15px; left: 15px; background: url(../img/icon/sprite.png) no-repeat -372px 0; width: 33px; height: 30px; } .m-fullsite_info { margin-top: 30px; } .m-fullsite_info a:before { content: ''; position: absolute; top: 15px; left: 25px; background: url(../img/icon/sprite.png) no-repeat -313px -120px; width: 17px; height: 30px; } /* * Recently Viewed */ .m-recently-viewed { margin: 0 -10px; } .m-recently-viewed .c-highlight-text { padding: 0 12px; /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ margin-bottom: 5px; } .m-recently-viewed_wrap { margin: 0; padding: 0 7.5px; } .m-recently-viewed-wrap_image { margin: 0 auto 7px; max-width: 70px; } .m-recently-viewed_wrap li { list-style: none; float: left; width: 33.333333333%; padding: 0 2.5px; } .m-recently-viewed_wrap a { background: #eaedf1; color: #484848; display: block; padding: 6px; height: 100%; } .c-recently-viewed_name { display: block; } /* * Product Share */ .m-product-share { border-top: 1px dashed #C5C5C5; border-bottom: 1px dashed #C5C5C5; margin: 0; padding: 10px 0 7px; } .m-product-share_item { list-style: none; float: left; width: 50%; } .m-product-share-item_share .c-button_toggle { color: #484848; position: relative; padding: 4px 0 3px 25px; display: inline-block; } .m-product-share-item_share .c-button_toggle:before { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 25px; background: url(../img/icon/sprite.png) no-repeat -267px -121px; } .m-product-share-item-share_content { margin: 10px 0 0; padding: 10px 10px 0; background: #636363; } .m-product-share-item-share-content_header { font-weight: bold; color: #FFF; padding: 0 0 10px; display: block; }.om-logo {width: 140px;height: 30px;float:right;} .m-product-share-item-share-content_items { margin: 0; padding: 0; float: left; width: 50%; } .m-product-share-item-share-content_item { list-style: none; } .m-product-share-item-share-content_item a, .m-product-share-item-share-content_item > span { display: block; padding: 8px 0; margin: 0; color: #FFF; } .m-product-share-item-share-content_item > span > span { line-height: 32px !important; /*font-family: 'HelveticaNeueLite', Arial, sans-serif !important;*/ font-weight: normal !important; font-size: 14px !important; color: #FFF !important; display: block !important; margin: 0 !important; padding: 0 !important; } .m-product-share-item-share-content_item > span > span > span { font-weight: normal !important; font-size: 14px !important; color: #FFF !important; width: 100%; margin: 0 !important; padding: 0 0 0 25px !important; } /* .m-product-share-item-share-content_item-fb a { background: url(../img/icon/facebook_16.png) no-repeat 0 13px; } .m-product-share-item-share-content_item-twitter a { background: url(../img/icon/twitter_16.png) no-repeat 0 13px; } .m-product-share-item-share-content_item-gplus a { background: url(../img/icon/googleplus_16.png) no-repeat 0 13px; } .m-product-share-item-share-content_item-mail a { background: url(../img/icon/email_16.png) no-repeat 0 13px; }*/ /* * Vendor-Logos */ .m-product-specs_images { margin: 0; padding: 0; } .m-product-specs_images li { list-style: none; float: left; padding: 15px; width: 50%; } /* * Product Awards */ .m-product-awards { padding: 0 0 10px; text-align: center; border-bottom: 1px dashed #C5C5C5; } .m-product-awards ul { padding: 0; margin: 0; max-width: 470px; display: inline-block; text-align: left; } @media screen and (max-width: 470px) { .m-product-awards ul { width: 100%; } } .m-product-awards_one-award ul { max-width: 145px; } .m-product-awards_two-awards ul { max-width: 305px; } .m-product-awards li { list-style: none; margin: 0 0.85106383% 1.276595745%; /* 0 4px 6px 4px */ } .c-product-awards_image { border: 1px solid #eaedf1; width: 30.85106383%; /* 145px */ display: inline-block; } .m-product-awards_one-award .c-product-awards_image { width: 100%; } .m-product-awards_two-awards .c-product-awards_image { width: 47.540983607%; /* 145px */ } .c-product-awards_all { display: block; clear: left; text-align: left; margin-bottom: 0 !important; } /* * Product Benefits */ .m-slider .m-product-benefits { text-align: left; padding-top: 30px; } .m-slider .m-product-benefits .c-highlight-text { padding: 0; color: #06117D; } .m-product-benefits ul { margin: 0; padding: 0; /*border-bottom: 1px dashed #c5c5c5;*/ } .m-product-benefits li { list-style: none; position: relative; border-bottom: 1px dashed #c5c5c5; padding: 8px 0 4px 30px; } .m-product-benefits li:before { content: ''; position: absolute; top: 50%; left: 0; width: 20px; height: 15px; margin: -7.5px 0 0; background: url(../img/icon/sprite.png) no-repeat -103px -126px; } /* * Product Directlink */ .m-product-directlink { margin: 0; padding: 0; } .m-product-directlink li { list-style: none; margin-bottom: 5px; } .m-product-directlink a { background: #eaedf1; color: #484848; padding: 17px 41px 17px 10px; cursor: pointer; position: relative; display: block; } .m-product-directlink a, .m-product-directlink a span { font-size: 14px; } .m-product-directlink a:after { content: ''; position: absolute; top: 50%; right: 15px; width: 12px; height: 20px; margin: -10px 0 0; background: url(../img/icon/sprite.png) no-repeat -173px -125px; } /* * Product Examples */ .m-product-examples { margin: 0 -10px; } .m-product-examples h2 { padding: 0 10px; text-align: center; } .m-product-examples_wrap { padding: 0 5px; } .m-product-examples_box { float: left; width: 33.333333333%; margin: 0 0 15px; padding: 0 5px; } .m-product-examples_box:nth-child(4n) { clear: left; } @media screen and (max-width: 390px) { .m-product-examples h2 { text-align: left; } .m-product-examples_box { width: 50%; } .m-product-examples_box:nth-child(odd) { clear: left; } .m-product-examples_box:nth-child(4n) { clear: none; } } .m-product-examples img { margin: 0 0 10px; } .m-product-examples_details { margin: 0; padding: 0; } .m-product-examples_details li { list-style: none; } .m-product-examples_details span, .c-product-examples_reportthis a { color: #a4a4a4; } .c-product-examples_reportthis a { padding-left: 12px; } .c-product-examples_reportthis a:before { content: ''; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; background: url(../img/icon/sprite.png) no-repeat -202px -131px; } .m-product-examples a { display: block; padding-top: 5px; position: relative; } .m-product-examples .c-button_more:before { top: 7px; } /* Product Examples – Simple (Just Images) */ .c-product-examples_simple h2 { padding: 0 10px; } .c-product-examples_simple img { margin: 0; } /* * Product Teaser */ .m-product-teaser_set .c-filter-list { float: right; font-size: 14px; padding-left: 13px; position: relative; background: url(../img/icon/selectsmall.png) no-repeat 0 4px; border: none; color: #06117D; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; } .m-product-teaser_set .c-filter-list::-ms-expand { display: none; } .m-product-teaser_set h4 { /*font-family: 'HelveticaNeueRoman', Arial, sans-serif;*/ font-size: 21px; text-transform: uppercase; margin-bottom: 10px; line-height: 24px; } .m-product-teaser_set p { color: #838487; font-size: 18px; /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ } .m-product-teaser_item { background: #eaedf1; margin: 0 0 10px; display: block; } .m-product-teaser_image { width: 44.708029197%; /* 245px on iPhone 5 */ float: left; } .m-product-teaser_details { float: left; width: 55.291970803%; /* 303px on iPhone 5 */ position: relative; } .m-product-teaser_details { padding: 40px 12px 25px 0; } /* Badge */ .c-badge_wrap { margin: 0; padding: 0; position: absolute; top: 0; right: 0; z-index: 10; } .c-badge { list-style: none; float: left; padding: 3px 4px 0; line-height: 15px; margin: 0 0 0 5px; } .c-badge.c-badge_new { background: #EBBB45; color: #f9ecd2; } .c-badge.c-badge_award { background: #06117c; color: #cccddd; } /* Badge */ @media screen and (max-width: 390px) { .m-product-teaser_image { width: 115px; } .m-product-teaser_set h4 { font-size: 14px; line-height: 18px; margin-bottom: 5px; } .m-product-teaser_set p { font-size: 12px; } .m-product-teaser_details { padding: 12px 12px 0 0; float: none; width: 100%; } .m-product-teaser-item_badge .m-product-teaser_details { padding: 20px 0 0; } } /* Direct Link */ .m-product-teaser .m-product-directlink { font-weight: bold; } .m-product-teaser .m-product-directlink a { padding-left: 17px; } /* * Product Awards Articles */ .m-product-awards-articles { margin: 0 -10px; } .m-product-awards-articles_list { padding: 20px 10px; } .m-product-awards-articles-list_odd { background: #eaedf1; } .m-product-awards-articles .c-button_more { font-size: 14px; } .m-table { width: 100%; } .m-table td { padding: 7px 0; /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ } .m-table .m-table_row { border-top: 1px dashed #c5c5c6; } .m-table .m-table_row-first { border: none; } .m-table .m-table_cell-odd { width: 40%; color: #444444; } .m-table .m-table_cell-even { width: 60%; color: #8c8c8c; } /* v1.0.5 */ /* Core RS CSS file. 95% of time you shouldn't change anything here. */ .royalSlider { width: 100%; height: 400px; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); } .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; transition:visibility 0s linear 0.3s,opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } /* Fullscreen options, very important ^^ */ .royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position:absolute; z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color:rgba(0,0,0,0.25); } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; background: none !important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVideoContainer { /*left: 0; top: 0; position: absolute;*/ /*width: 100%; height: 100%; position: absolute; left: 0; top: 0; float: left;*/ width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } /* ios controls over video bug, shifting video */ .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; } img.rsImg { max-width: none; } .m-slider { text-align: center; position: relative; } .m-slider_version-1 { margin: -20px -10px 5px; } .m-slider_version-2 { margin: -20px -10px 0; padding: 20px 0 0; } .m-slider_version-3 { padding-top: 5px; } .m-slider_version-2, .m-slider_version-3 { border-bottom: 1px dashed #c5c5c5; padding-bottom: 20px; } .m-slider_version-2:before { content: ''; position: absolute; width: 100%; height: 60%; background: #f0f0f0; top: 0; left: 0; z-index: -1; } .m-slider img { max-width: 100%; height: auto; display: inline-block; } .m-slider h2 { margin: 0; } .m-slider h2, .m-slider p { padding: 0 10px; } .m-slider_version-2 h2 { font-size: 26px; line-height: 31px; } .m-slider_version-3 h2 { font-size: 18px; line-height: 31px; } .m-slider_version-2 p { color: #7e7e7e; } .m-slider_version-3 p { color: #b0b0b0; } .m-slider_controls { margin: 0; padding: 10px 0 0; } .m-slider-controls_element { list-style: none; display: inline-block; vertical-align: middle; } .m-slider_controls .rsArrowIcn { display: block; width: 25px; height: 22px; } .m-slider-controls_previous .rsArrowIcn { background: url(../img/icon/sprite.png) no-repeat -10px -122px; } .m-slider-controls_next .rsArrowIcn { background: url(../img/icon/sprite.png) no-repeat -54px -122px; } .m-slider-controls_count { font-size: 15px; padding: 0 10px; color: #979797; /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ } .m-slider_tab-navigation { margin: 25px 0 0; padding: 0; height: 17px; } .m-slider_tab { list-style: none; display: inline-block; margin: 0 11px; } .m-slider_tab a { display: block; width: 17px; height: 17px; } .m-slider_tab img { display: block; height: auto; max-width: 100%; width: auto; } .m-slider_tab-black { background: #333; border: 1px solid #333; } .grab-cursor { cursor:url(../img/grab.png) 8 8, move; } .grabbing-cursor{ cursor:url(../img/grabbing.png) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left:0; top:0; position:absolute; width:100%; height:100%; display:block; z-index: 20; background: url(../img/blank.gif); } /* * Product Navigation */ .m-product-navigation { margin: 0 0 10px; } .m-product-navigation_trigger { text-align: center; background: #636363; padding: 16px 10px 10px; cursor: pointer; } .s-accordion_trigger_collapsed.m-product-navigation_trigger { background: #f0f0f0; } .m-product-navigation_trigger h3 { font-size: 21px; font-weight: normal; /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ margin: 0; color: #FFF; } .s-accordion_trigger_collapsed.m-product-navigation_trigger h3 { color: #080F7A; } .m-product-navigation_trigger p { font-size: 14px; color: #999999; } .s-accordion_trigger_collapsed.m-product-navigation_trigger p { color: #878787; } .m-product-navigation-trigger-image_image { max-width: 300px; margin: 0 auto; } .m-product-navigation_details { margin: 0; padding: 0; } .m-product-navigation_detail { margin: 5px 0 0; list-style: none; } .m-product-navigation_detail a { display: block; padding: 5px; background: #636363; } .m-product-navigation-detail_image { margin: 0 10px 0 0; max-width: 55px; float: left; } .m-product-navigation-detail_product { color: #FFF; font-size: 21px; font-weight: normal; /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ padding: 15px 0 0; display: block; } /* * Dealer Locator */ .m-dealer-locator { margin: -20px -10px 0; padding: 15px 10px 0; background: #eaedf1; } .m-dealer-locator p { color: #484848; font-size: 14px; /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ font-weight: normal; margin-bottom: 10px; } .m-dealer-locator_search form { position: relative; } .m-dealer-locator-search_geolocation { display: block; position: absolute; height: 100%; width: 48px; top: 0; left: 0; background: #EBBB45 url(../img/icon/sprite.png) no-repeat -340px -116px; border-right: 8px solid #eaedf1; } .no-geolocation .m-dealer-locator-search_geolocation { display: none; } .m-dealer-locator_search input { -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; border: none; } .m-dealer-locator_search input[type="search"] { background: #FFF; padding: 10px 55px; width: 100%; font-size: 14px; /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ font-weight: normal; } .no-geolocation .m-dealer-locator_search input[type="search"] { padding-left: 10px; } .m-dealer-locator_search input[type="submit"] { vertical-align: top; padding: 0; height: 100%; width: 48px; background: #EBBB45 url(../img/icon/sprite.png) no-repeat -369px -77px; position: absolute; top: 0; right: 0; border-left: 8px solid #eaedf1; } .m-dealer-locator-filter_list { margin: 0; padding: 0; } .m-dealer-locator-filter-list_item { list-style: none; margin: 0 0 1px; } .m-dealer-locator-filter-list_item a { display: block; background: #FFF; font-size: 14px; /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ font-weight: normal; color: #484848; position: relative; padding: 9px 10px 9px 55px; } .m-dealer-locator-filter-list_item a:before { content: ''; position: absolute; top: 6px; left: 15px; width: 21px; height: 21px; background: url(../img/icon/sprite.png) no-repeat -10px -170px; } .m-dealer-locator-filter-list_item a.s-dealer-locator-filter-list-item_selected:before { background: url(../img/icon/sprite.png) no-repeat -46px -170px; } .m-dealer-locator_filter-list, .m-dealer-locator_close-filter-list { font-size: 14px; /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ font-weight: normal; position: relative; } .m-dealer-locator_close-filter-list { float: right; } #m-dealer-locator_map { height: 200px; margin: 0 0px; } #m-dealer-locator_map img { max-width: none; } .m-dealer-locator_result { background: #FFF; margin: 0; padding: 20px 0 0; } .m-dealer-locator-result_item { background: #eaedf1; padding: 0 0 10px 50px; margin: 0 0 10px; position: relative; } .m-dealer-locator-result_item .m-view-more_wrap { padding: 10px 20px 0 0; } /*.m-dealer-locator-result_item:before {*/ .m-dealer-locator-result_item_marker { content: ''; position: absolute; top: 10px; left: 15px; width: 20px; height: 27px; background: url(../img/icon/sprite.png) no-repeat -324px -165px; } .m-dealer-locator-result_item h5 { position: relative; cursor: pointer; } .m-dealer-locator-result_last-item { margin: 0; } .m-dealer-locator-result_item p { color: #939597; /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ font-weight: normal; } .m-dealer-locator-result_dealer-features, .m-dealer-locator-result_dealer-contact { margin: 0; padding: 0; } .m-dealer-locator-result_dealer-feature { list-style: none; float: left; margin: 0 10px 0 0; } .m-dealer-locator-result_dealer-no-feature { opacity: 0.7; filter: alpha(opacity=70); } .m-dealer-locator-result_dealer-feature .m-dealer-locator-result_dealer-feature-icon { display: block; width: 17px; height: 17px; background: url(../img/icon/sprite.png) no-repeat; } .m-dealer-locator-result_dealer-feature-pen .m-dealer-locator-result_dealer-feature-icon { background-position: -83px -170px; } .m-dealer-locator-result_dealer-feature-slr .m-dealer-locator-result_dealer-feature-icon { background-position: -107px -170px; } .m-dealer-locator-result_dealer-feature-slrpro .m-dealer-locator-result_dealer-feature-icon { background-position: -131px -170px; } .m-dealer-locator-result_dealer-feature-cc .m-dealer-locator-result_dealer-feature-icon { background-position: -154px -170px; } .m-dealer-locator-result_dealer-feature-omd .m-dealer-locator-result_dealer-feature-icon { background-position: -180px -170px; } .m-dealer-locator-result-dealer-contact_item { list-style: none; border-bottom: 1px dashed #bbbdc0; } .m-dealer-locator-result_dealer-i-cameras { margin-right: 0; padding: 0 0 0 12px; } .m-dealer-locator-result_dealer-i-cameras a { background: none; position: relative; width: auto; height: auto; padding: 0 0 0 16px; } .m-dealer-locator-result_dealer-i-cameras a:before { content: ''; position: absolute; top: -2px; left: 0; width: 9px; height: 17px; background: url(../img/icon/sprite.png) no-repeat -360px -168px; } .m-dealer-locator-result-dealer-contact_lastitem { border: none; } .m-dealer-locator-result-dealer-contact_item a { display: block; padding: 10px 0 5px 35px; position: relative; } .m-dealer-locator-result-dealer-contact_item a:before { content: ''; position: absolute; top: 9px; left: 5px; width: 16px; height: 16px; background: url(../img/icon/sprite.png) no-repeat; } .m-dealer-locator-result-dealer-contact_item-phone a:before { background-position: -286px -169px; } .m-dealer-locator-result-dealer-contact_item-email a:before { background-position: -270px -169px; } .m-dealer-locator-result-dealer-contact_item-web a:before { background-position: -253px -169px; } .m-dealer-locator-result-dealer-contact_item-geo a:before { background-position: -235px -169px; } .m-dealer-locator-loadmore { cursor: pointer; } /* * Contact From */ .m-contact-form { border-top: 1px dashed #7e7e7e; padding: 15px 0 0; } .m-contact-form_row { position: relative; } .m-contact-form label, .m-contact-form_entry { color: #484848; font-size: 14px; font-weight: normal; display: block; } .m-contact-form label { padding: 0 0 9px; /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ } .m-contact-form_entry { background: #eaedf1; border: 1px solid #9e9e9e; width: 100%; /*font-family: 'HelveticaNeueRoman', Arial, sans-serif;*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; padding: 13px 8px; } .m-contact-form select { background: #eaedf1 url(../img/icon/select.png) no-repeat right center; } .m-contact-form_entry::-ms-expand { display: none; } .m-contact-form textarea { resize: none; } .m-contact-form_legal label { /*font-family: 'HelveticaNeueRoman', Arial, sans-serif;*/ font-weight: normal; } .m-contact-contactform p { /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ } .m-contact-form_legal-notes p { font-size: 14px; color: inherit; } .m-contact-form_error { border: 3px solid #ff0000; } .m-contact-form_error, .m-contact-form_error-message { /* Ersetzt durch Pseudo Klasse */ /*color: #ff0000;*/ font-size: 14px; /*font-family: 'HelveticaNeueRoman', Arial, sans-serif;*/ font-weight: bold; } .m-contact-form_error-message { padding: 0 0 5px; } .m-contact-form_error::-webkit-input-placeholder { /* WebKit browsers */ color: #ff0000; opacity: 1; } .m-contact-form_error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ff0000; opacity: 1; } .m-contact-form_error::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ff0000; opacity: 1; } .m-contact-form_error:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ff0000; opacity: 1; } .m-contact-form_submit { text-align: right; } .m-contact-form_submit-button { font-size: 14px; border: none; padding: 12px 55px 8px; display: inline; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; } /* * 404 */ .m-error-page-404 { padding: 5px 0 0; } .m-error-page-404_number { font-size: 92px; text-align: center; line-height: 1; } .m-error-page-404_number span { font-size: 26px; display: block; line-height: 26px; margin: -10px 0 0; } .m-error-page-404 p { color: #7e7e7e; } .m-error-page-404_search { position: relative; } .m-error-page-404_search input { -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; border: none; } .m-error-page-404_search input[type="search"] { background: #FFF; padding: 10px; width: 100%; font-size: 14px; /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ font-weight: normal; border: 1px solid #9e9e9e; } .m-error-page-404_search input[type="submit"] { vertical-align: top; padding: 0; height: 100%; width: 48px; background: #EBBB45 url(../img/icon/sprite.png) no-repeat -369px -77px; position: absolute; top: 0; right: 0; border-left: 8px solid #FFF; -webkit-box-shadow: -1px 0 0 0 #9E9E9E; box-shadow: -1px 0 0 0 #9E9E9E; } /* * openening hours */ .m-opening-hours, .m-contact-info { border: 1px dashed #6f849d; min-height: 60px; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; position: relative; padding: 12px 10px 10px 65px; display: block; color: #06117D; } .m-opening-hours:before, .m-contact-info:before { content: ''; position: absolute; top: 15px; background: url(../img/icon/sprite.png) no-repeat; } .m-opening-hours:before { background-position: -44px -214px; width: 26px; height: 27px; left: 15px; } .m-contact-info:before { background-position: -313px -120px; width: 17px; height: 30px; left: 25px; } .m-contact-info p { color: #9e9e9e; } .m-search-result_search { position: relative; padding: 15px 10px 10px; margin: -20px -10px 20px; background: #EAEDF0; } .m-search-result_search form { position: relative; } .m-search-result_search input { -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; border: none; } .m-search-result_search input[type="search"] { background: #FFF; padding: 12px 10px 6px 10px; width: 100%; width: calc(100% - 48px); font-size: 14px; /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ font-weight: normal; } .m-search-result_search input[type="submit"] { vertical-align: top; padding: 0; height: 100%; width: 48px; background: #EBBB45 url(../img/icon/sprite.png) no-repeat -369px -77px; position: absolute; top: 0; right: 0; border-left: 8px solid #EAEDF0; } .m-search-result h5 { /*font-family: 'HelveticaNeueLite', Arial, sans-serif;*/ font-weight: normal; } .m-search-result .c-light-grey-text { font-size: 14px; } .m-search-results { margin: 0 -10px; padding: 0; } .m-search-results_item { list-style: none; padding: 10px; } .m-search-results_item a { display: block; } .m-search-results_item_odd { background: #eaedf0; } .m-search-results-item_image, .m-search-results-item_description { display: table-cell; vertical-align: top; } .m-search-results-item_description { padding: 0 20px; } .m-search-results-item_description p { margin: 0 0 3px; } .m-search-results-item_updated { font-size: 11px; color: #96989a; } .c-search-overlay { width: 100%; height: 100%; background: #000; opacity: 0.6; position: absolute; left: 0; /*top: 180px;*/ z-index: 20; display: none; } .m-stage { position: relative; margin: -20px -10px 0; } .m-stage_wrap { position: absolute; height: 100%; width: 100%; top: 0; left: 0; padding: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .m-stage_txt { width: 100%; } .m-stage_wrap h1, .m-stage_wrap h2, .m-stage_wrap p { color: #FFF; } .m-img-txt { position: relative; /*margin: -20px -10px 20px;*/ } .m-img-txt_wrap { padding: 10px 0 0; } .m-image-gallery { margin: 0; padding: 0; } .m-image-gallery_item { text-align: center; height: 30vw; width: 40vw; background: #eaedf1; } .m-image-gallery_item:not(:last-child) { margin: 0 10px 0 0; } .m-image-gallery_link { display: block; height: 100%; } .m-video { position: relative; margin: 0 -10px; } .m-video_overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; cursor: pointer; z-index: 10; } .m-video_play { content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; } .v-poster { object-fit: cover; } .m-product-list .c-button { display: inline-block; } .m-product-list_list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-top: 10px; } .m-product-list--dark { background: #f1f1f1; padding: 10px; margin: 0 -10px; } .m-product-list_item { /*display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between;*/ /*-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;*/ } .m-product-list_item:not(:last-child) { margin: 0 10px 0 0; } .m-product-list_img { position: relative; } .m-product-list_img--ratio-4-3 { height: 30vw; width: 40vw; } .m-product-list_img--ratio-1-1 { height: 40vw; width: 40vw; } .m-product-list_link { display: block; } .m-product-list_details { padding: 10px 0 0; } .m-product-list_txt { display: block; } .m-product-list_txt--intro { font-size: 10px; color: #7e7e7e; } .m-product-list_txt--description { color: #080f7a; } .m-product-list--dark .m-product-list_txt--description { color: #484848; } .m-product-list_call { margin: auto 0 0; padding: 10px 0 0; } .m-product-list_call-item { list-style: none; display: inline-block; vertical-align: top; } .m-product-list_call-link { display: block; height: 30px; width: 30px; background: #747688; } .m-product-list--yellow { background: #e9b226; padding: 10px; margin: 0 -10px; } .m-product-list--yellow h2 { color: #ffffff; } .m-product-list--yellow .m-product-list_txt--intro { color: #000000; } .m-product-list--yellow .m-product-list_txt--description { color: #ffffff; } .follow-us { margin: 0; padding: 0; text-align: center; } .follow-us_item { list-style: none; display: inline-block; width: 40px; height: 40px; margin: 3px; } .follow-us_link { display: block; height: 100%; } .m-service { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; margin: 0 -10px; } .m-service_wrap { padding: 20px; } .m-service_link { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; max-width: 270px; margin: 0 auto; } .m-service_icon { -webkit-box-flex: 0; -webkit-flex: 0 0 45px; -moz-box-flex: 0; -moz-flex: 0 0 45px; -ms-flex: 0 0 45px; flex: 0 0 45px; margin: 0 25px 0 10px; } .m-service_icon > * { width: 100%; height: auto; } .m-service_txtwrap { width: 100%; } .m-service_txt { display: block; } .m-service--light .m-service_txt { color: #FFF; } .m-service--dark .m-service_txt--headline { color: #06117d; } .m-service--dark .m-service_txt--subline { color: #484848; } .m-service_txt--headline { font-size: 18px; font-weight: bold; } .m-service_txt--subline { font-size: 12px; } .m-list { margin: 0 0 10px; padding: 0 0 0 15px; } .m-list li { margin: 0 0 5px; } /****************************** * * RoyalSlider Default Skin * * 1. Arrows * 2. Bullets * 3. Thumbnails * 4. Tabs * 5. Fullscreen button * 6. Play/close video button * 7. Preloader * 8. Caption * * Sprite: 'rs-default.png' * Feel free to edit anything * If you don't some part - just delete it * ******************************/ /* Background */ .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { background: transparent; /*background: url(../img/preloaders/preloader.gif) no-repeat center center;*/ color: #FFF; } /*************** * * 1. Arrows * ****************/ .rsDefault .rsArrow { height: 100%; width: 44px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsDefault.rsVer .rsArrow { width: 100%; height: 44px; } .rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; } .rsDefault.rsVer .rsArrowRight { bottom: 0; left: 0; } .rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; } .rsDefault.rsHor .rsArrowRight { right: 0; top:0; } .rsDefault .rsArrowIcn { width: 32px; height: 32px; top: 50%; left: 50%; margin-top:-16px; margin-left: -16px; position: absolute; cursor: pointer; background: url('../img/rsdefault.png'); background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsArrowIcn:hover { background-color: rgba(0,0,0,0.9); } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; } .rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; } .rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; } .rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; } .rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20); *display: none; } /*************** * * 2. Bullets * ****************/ .rsDefault .rsBullets { position: absolute; z-index: 35; left: 0; bottom: 5px; height: 20px; margin: 0 auto; text-align: center; line-height: 12px; overflow: hidden; width: 100%; } .rsDefault .rsBullet { width: 20px; height: 20px; display: inline-block; *display:inline; *zoom:1; padding: 4px; background: #000; background: rgba(0,0,0,0.30); } .rsDefault .rsBullet span { display: block; width: 12px; height: 12px; -webkit-border-radius: 20px; border-radius: 20px; background-clip: padding-box; background: #a5a5a5; background: rgba(165,165,165, 0.8); } .rsDefault .rsBullet.rsNavSelected span { background-color: #FFF; background-color: rgba(255,255,255, 0.8); } /*************** * * 3. Thumbnails * ****************/ .rsDefault .rsThumbsHor { width: 100%; height: 72px; } .rsDefault .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; right: 0; } .rsDefault.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } .rsDefault.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; } .rsDefault .rsThumb { float: left; overflow: hidden; width: 96px; height: 72px; } .rsDefault .rsThumb img { width: 100%; height: 100%; } .rsDefault .rsThumb.rsNavSelected { background: #02874a; } .rsDefault .rsThumb.rsNavSelected img { opacity: 0.3; filter: alpha(opacity=30); } .rsDefault .rsTmb { display: block; } /* Thumbnails with text */ .rsDefault .rsTmb h5 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; color: #FFF; } .rsDefault .rsTmb span { color: #DDD; margin: 0; padding: 0; font-size: 13px; line-height: 18px; } /* Thumbnails arrow icons */ .rsDefault .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; background: #000; background: rgba(0,0,0,0.75); } .rsDefault .rsThumbsArrow:hover { background: rgba(0,0,0,0.9); } .rsDefault.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; } .rsDefault .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top:-8px; margin-left: -8px; position: absolute; cursor: pointer; background: url('../img/rsdefault.png'); } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; } .rsDefault .rsThumbsArrowDisabled { display: none !important; } /* Thumbnails resizing on smaller screens */ @media screen and (min-width: 0px) and (max-width: 800px) { .rsDefault .rsThumb { width: 59px; height: 44px; } .rsDefault .rsThumbsHor { height: 44px; } .rsDefault .rsThumbsVer { width: 59px; } } /*************** * * 4. Tabs * ****************/ .rsDefault .rsTabs { width: 100%; height: auto; margin: 0 auto; text-align:center; overflow: hidden; padding-top: 12px; position: relative; } .rsDefault .rsTab { display: inline-block; cursor: pointer; text-align: center; height: auto; width: auto; color: #333; padding: 5px 13px 6px; min-width: 72px; border: 1px solid #D9D9DD; border-right: 1px solid #f5f5f5; text-decoration: none; background-color: #FFF; background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); -webkit-box-shadow: inset 1px 0 0 #fff; box-shadow: inset 1px 0 0 #fff; *display:inline; *zoom:1; } .rsDefault .rsTab:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .rsDefault .rsTab:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #cfcfcf; } .rsDefault .rsTab:active { border: 1px solid #D9D9DD; background-color: #f4f4f4; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; } .rsDefault .rsTab.rsNavSelected { color: #FFF; border: 1px solid #999; text-shadow: 1px 1px #838383; box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset; background: #ACACAC; background-image: -webkit-linear-gradient(top, #ACACAC, #BBB); background-image: -moz-llinear-gradient(top, #ACACAC, #BBB); background-image: linear-gradient(to bottom, #ACACAC, #BBB); } /*************** * * 5. Fullscreen button * ****************/ .rsDefault .rsFullscreenBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer; } .rsDefault .rsFullscreenIcn { display: block; margin: 6px; width: 32px; height: 32px; background: url('../img/rsdefault.png') 0 0; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsFullscreenIcn:hover { background-color: rgba(0,0,0,0.9); } .rsDefault.rsFullscreen .rsFullscreenIcn { background-position: -32px 0; } /*************** * * 6. Play/close video button * ****************/ .rsDefault .rsPlayBtn { -webkit-tap-highlight-color:rgba(0,0,0,0.3); width:64px; height:64px; margin-left:-32px; margin-top:-32px; cursor: pointer; } .rsDefault .rsPlayBtnIcon { width:64px; display:block; height:64px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background:url(../img/rsdefault.png) no-repeat 0 -32px; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; } .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon { background-color: rgba(0,0,0,0.9); } .rsDefault .rsBtnCenterer { position:absolute; left:50%; top:50%; } .rsDefault .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsDefault .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; } .rsDefault .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url('../img/rsdefault.png') -64px 0; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; } .rsDefault .rsCloseVideoIcn:hover { background-color: rgba(0,0,0,0.9); } /*************** * * 7. Preloader * ****************/ .rsDefault .rsPreloader { width:20px; height:20px; background-image:url(../img/preloaders/preloaderwhite.gif); left:50%; top:50%; margin-left:-10px; margin-top:-10px; } /*************** * * 8. Global caption * ****************/ .rsDefault .rsGCaption { position: absolute; float: none; bottom: 6px; left: 6px; text-align: left; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.75); color: #FFF; padding: 2px 8px; width: auto; font-size: 12px; border-radius: 2px; } /*! jQuery UI - v1.10.3 - 2014-01-10 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; background: #FFF; margin: 0; display: block; outline: none; max-height: 200px; overflow-x: hidden; overflow-y: scroll; padding: 10px; -webkit-overflow-scrolling: touch; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; border-top: 1px solid #c8c7cc; padding: 10px 0; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; font-size: 14px; font-family: 'HelveticaNeueLite', Arial, sans-serif; font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #000; opacity: 1; } .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 { text-decoration: none; padding: 0 0 18px 10px; color: #999999; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; top: 10px; right: 10px; width: 35px; height: 35px; line-height: 35px; position: fixed; text-align: center; padding: 0; } /*.mfp-close-btn-in .mfp-close { color: #333; }*/ .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: -40px; right: 0; width: 100%; text-align: center; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; margin: 0; top: 50%; margin-top: -110px; padding: 0; width: 49%; height: 220px; -webkit-tap-highlight-color: transparent; opacity: 0; -webkit-animation: olympusHidingButtons 3s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: backwards; -webkit-animation-delay: 2s; animation: olympusHidingButtons 3s; animation-iteration-count: 1; animation-fill-mode: backwards; animation-delay: 2s; } .mfp-arrow-left { left: 0; } .mfp-arrow-right { right: 0; } /*.mfp-content:hover ~ .mfp-arrow,*/ .mfp-container:hover .mfp-arrow, .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1 !important; } .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; top: 50%; border-style: solid; } .mfp-arrow-right:after { margin: -5px 0 0 0; right: 35px; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #FFFFFF; } .mfp-arrow-left:after { margin: -5px 0 0 0; left: 35px; border-width: 4px 6px 4px 0; border-color: transparent #FFFFFF transparent transparent; } .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; } .iframe-container { overflow: hidden; padding-top: 56.25%; position: relative; margin-bottom:10%; } .iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .iframe-container-4x3 { padding-top: 75%; } .iframe-video-container { overflow: hidden; padding-top: 56.25%; position: relative; margin-bottom:10%; } .iframe-video-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .iframe-video-container-4x3 { padding-top: 75%; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 60px 0; 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-bottom-bar:empty { padding: 0; } .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; background: rgba(0, 0, 0, 0.6); /*bottom: 0;*/ margin: 0; top: auto; padding: 3px 5px; /*position: fixed;*/ box-sizing: border-box; min-height: 25px; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-bottom: 20px; margin-top: -20px; } .mfp-image-holder .mfp-content { /*max-width: 100%;*/ 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 { } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { } .mfp-img-mobile .mfp-close { } } @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; } } @-webkit-keyframes olympusHidingButtons { from { opacity: 1; } to { opacity: 0; } } @keyframes olympusHidingButtons { from { opacity: 1; } to { opacity: 0; } } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body, html { height: 100%; } .no-csstransforms3d.no-csstransitions.s-offcanvas_expanded body, .no-csstransforms3d.s-offcanvas_expanded body, .no-csstransitions.s-offcanvas_expanded body { background: #282828; } img, embed, object, video { display: block; max-width: 100%; height: auto; } img:not(.h-full-width), embed:not(.h-full-width), object:not(.h-full-width), video:not(.h-full-width) { width:auto; } .h-full-width { width: 100%; } .h-hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } .h-hide-element { display: none; } .h-margin-top-bottom { margin-top: 20px; margin-bottom: 20px; } .h-margin-top--small { /* neu, ehemals h-margin-top */ margin-top: 15px; } .h-margin-top { /* hier wurde von 15 auf 20px erhöht */ margin-top: 20px; } .h-margin-bottom { /* neu */ margin-bottom: 20px; } .h-margin-bottom-ext { margin-bottom: 30px; } .h-negative-top-margin { margin-top: -20px } .h-align-center { text-align: center; } .h-align-center img:not(.h-full-width) { display: inline-block; } .h-sliding-list { margin: 0; padding-bottom: 10px; padding-left: 0; padding-right: 0; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; } .h-sliding-list_item { position: relative; list-style: none; white-space: normal; } .h-sliding-list_item:not(.m-product-list_item) { display: inline-block; vertical-align: top; } .centered-visual { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } /* * HD-Icons */ @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .l-logo a, .m-trigger, .m-metanav a, .l-footer-quicklink_wrap:before, .m-fullsite_hint a:before, .m-fullsite_info a:before, .m-accordion_trigger:after, .l-nav .l-nav_home a:before, .l-nav .l-nav_home a:after, .l-nav .l-nav_level-2 a:after, .l-nav_level-2.l-nav_has-sub > a:after, .l-nav .c-nav-dealer-locator a:before, .l-nav .c-nav-online-shop a:before, .l-nav .c-nav-contact a:before, .l-nav_search input[type="submit"], .c-button_more:before, .m-product-benefits li:before, .c-button_dealer-locator span:before, .c-button_buy-online span:before, .m-product-directlink a:after, .c-product-examples_reportthis a:before, .m-product-share-item_share a:before, .m-slider-controls_previous .rsArrowIcn, .m-slider-controls_next .rsArrowIcn, .m-dealer-locator_search input[type="submit"], .m-dealer-locator-search_geolocation, .m-dealer-locator-filter-list_item a:before, .m-dealer-locator-filter-list_item a.s-dealer-locator-filter-list-item_selected:before, .m-dealer-locator-result-dealer-contact_item a:before, .m-dealer-locator-result_item:before, .m-dealer-locator-result_dealer-feature a, .m-dealer-locator-result_dealer-i-cameras a:before, .m-error-page-404_search input[type="submit"], .c-button_call-olympus span:before, .c-button_go-to-form span:before, .m-opening-hours:before, .m-contact-info:before, .m-search-result_search input[type="submit"], .c-button_toggle:before, .m-dealer-locator-result_item .c-button_toggle:after, .m-product-teaser .c-button_toggle:after, .m-product-share-item_share .c-button_toggle:before, .m-dealer-locator-result_item_marker { background-size: 405px 400px; /* Always change dimensions after dimension change */ background-image: url(../img/icon_2x/sprite2x.png); background-repeat: no-repeat; } .m-dealer-locator-result_dealer-i-cameras a { background: none; } /* Dealer Locator (Footer) */ .c-footer-dealer-locator { background-image: url(../img/icon_2x/map2x.jpg); } /* Contact Form (Select) */ .m-contact-form select { background: #eaedf1 url(../img/icon_2x/select2x.png) no-repeat right center; -webkit-background-size: 23px, 12px; background-size: 23px, 12px; } /* Filter Product (Select) */ .m-product-teaser_set .c-filter-list { background: url(../img/icon_2x/selectsmall2x.png) no-repeat 0 4px; -webkit-background-size: 8px, 6px; background-size: 8px, 6px; } }