The rem font-size unit is similar to em,
only instead of cascading it's always relative to the root (html) element.
This is pretty good supported by modern browser.
For IE 8 and down a px fallbacks is provided.
To set the font-size, just put in your pixel value from the design.
@include font-size(15)
Styleguide 7.2.1 font-size */ /* * This mixin ensures cross browser opacity all the way down to Internet Explorer 5. */ /* word-wrapCross browser solution for doing word wrapping using CSS.
Working in IE 8+, Firefox 6+, iOS 4.2, Safari 5.1+ and Chrome 13+
See: https://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/
@include word-wrap()
Styleguide 7.2.2 word-wrap */ /* IMPORT EXTENDS (utils/extends/) * ========================================================================== */ /* Utils Description Styleguide 7.0 Base Utils */ /* Extends Description Styleguide 7.1 Extends */ /* .clearfixEasily clear floats by adding .clearfix to the parent element. When a floated element is within a container box, it does not automatically force the container’s height adjust to the floated element. When an element is floated, its parent no longer contains it because the float is removed from the flow. The clearfix is one method to fix this problem.
Based on Nocolas Gallgaer mircro clearfix
Compatible for modern browsers that supporting the use of both the :before and : after pseudo-elements.
Markup: Styleguide 7.1.1 .clearfix */ /* line 39, ../../../../src/scss/utils/extends/_clearfix.scss */ .clearfix:before, div.newsletterSubscription form#newsletterSubscriptionForm div.checkbox span:before, div.newsletterSubscription form#newsletterSubscriptionForm fieldset ul li span.channel-heading:before, div.newsletterSubscription form#newsletterSubscriptionForm fieldset ul li span.channel.description:before, div.newsletterSubscription form#newsletterSubscriptionForm fieldset ul li:before, .list.search-results.tiles:before, .nav-breadcrumb:before, .listview .pagination:before, .cf:before, .directContact:before, .contactDetails:before, .container:before, #main-content:before, #content:before, #header #header-content:before, .form-horizontal .form-group:before, .loginForm li:before, .event-form li:before, dl.list:before, .list.evaluation li:before, .list-news > li.list2Col:before, .list.search-results > li.list2Col:before, .list.search-results > li.list3Col:before, .price-search form:before, .text-search form:before, .teaserStandard:before, .teaserSpecial:before, #content div.teaserSpecial:before, .teaserBig:before, .linkedLogoMosaic:before, .sv-listing-partner > .logos:before, .ipo-line-boxes:before, .ipo-line-prev-next:before, .clearfix:after, div.newsletterSubscription form#newsletterSubscriptionForm div.checkbox span:after, div.newsletterSubscription form#newsletterSubscriptionForm fieldset ul li span.channel-heading:after, div.newsletterSubscription form#newsletterSubscriptionForm fieldset ul li span.channel.description:after, div.newsletterSubscription form#newsletterSubscriptionForm fieldset ul li:after, .list.search-results.tiles:after, .nav-breadcrumb:after, .listview .pagination:after, .cf:after, .directContact:after, .contactDetails:after, .container:after, #main-content:after, #content:after, #header #header-content:after, .form-horizontal .form-group:after, .loginForm li:after, .event-form li:after, dl.list:after, .list.evaluation li:after, .list-news > li.list2Col:after, .list.search-results > li.list2Col:after, .list.search-results > li.list3Col:after, .price-search form:after, .text-search form:after, .teaserStandard:after, .teaserSpecial:after, #content div.teaserSpecial:after, .teaserBig:after, .linkedLogoMosaic:after, .sv-listing-partner > .logos:after, .ipo-line-boxes:after, .ipo-line-prev-next:after { content: " "; display: table; } /* line 44, ../../../../src/scss/utils/extends/_clearfix.scss */ .clearfix:after, div.newsletterSubscription form#newsletterSubscriptionForm div.checkbox span:after, div.newsletterSubscription form#newsletterSubscriptionForm fieldset ul li span.channel-heading:after, div.newsletterSubscription form#newsletterSubscriptionForm fieldset ul li span.channel.description:after, div.newsletterSubscription form#newsletterSubscriptionForm fieldset ul li:after, .list.search-results.tiles:after, .nav-breadcrumb:after, .listview .pagination:after, .cf:after, .directContact:after, .contactDetails:after, .container:after, #main-content:after, #content:after, #header #header-content:after, .form-horizontal .form-group:after, .loginForm li:after, .event-form li:after, dl.list:after, .list.evaluation li:after, .list-news > li.list2Col:after, .list.search-results > li.list2Col:after, .list.search-results > li.list3Col:after, .price-search form:after, .text-search form:after, .teaserStandard:after, .teaserSpecial:after, #content div.teaserSpecial:after, .teaserBig:after, .linkedLogoMosaic:after, .sv-listing-partner > .logos:after, .ipo-line-boxes:after, .ipo-line-prev-next:after { clear: both; } /* line 2, ../../../../src/scss/utils/extends/_icons.scss */ .icon, .fancybox-prev span, .fancybox-next span, .event-form .buttons .linkButton.reset .asButton, ul.rte--list > li, #nav-primary > li > ul > li a, #subNavigation li a:before, .accordion .title, .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .quickGuide.dropdown > .dropdown-toggle, #header #nav-primary > li > ul > li.has-submenu a { font-family: inherit; } /* line 7, ../../../../src/scss/utils/extends/_icons.scss */ .icon:after, .fancybox-prev span:after, .fancybox-next span:after, .icon:before, .fancybox-prev span:before, .fancybox-next span:before, .event-form .buttons .linkButton.reset .asButton:after, ul.rte--list > li:after, #nav-primary > li > ul > li a:after, .accordion .title:after, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after, .quickGuide.dropdown > .dropdown-toggle:after, #header #nav-primary > li > ul > li.has-submenu a:after, .event-form .buttons .linkButton.reset .asButton:before, ul.rte--list > li:before, #nav-primary > li > ul > li a:before, #subNavigation li a:before, .accordion .title:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before, .quickGuide.dropdown > .dropdown-toggle:before, #header #nav-primary > li > ul > li.has-submenu a:before { font-size: 22px; font-size: 1.375rem; color: #333; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 27, ../../../../src/scss/utils/extends/_icons.scss */ .icon-left:before, .txt-collection .paging a.prev:before { content: "\e604"; } /* line 32, ../../../../src/scss/utils/extends/_icons.scss */ .icon-right:before, a.icon.document:before, #nav-primary > li > ul > li a:before, #subNavigation li a:before, .facets .container .facet > h3.toggleBtn.close .icon-down:before, #header #nav-primary > li > ul > li.has-submenu a:before { content: "\e605"; } /* line 37, ../../../../src/scss/utils/extends/_icons.scss */ .icon-up:before { content: "\e606"; } /* line 42, ../../../../src/scss/utils/extends/_icons.scss */ .icon-down:before, #subNavigation li.has-submenu > a.active:before, #subNavigation li.has-submenu > a.active-target:before, #subNavigation li.has-submenu > a.active_target:before, .sitemap h3.ui-state-active:before { content: "\e607"; } /* line 47, ../../../../src/scss/utils/extends/_icons.scss */ .icon-calendar-arrow-left:before, .fancybox-prev span:before, .calendar .nav-month .icon.icon-prev:before, .calendar .nav-month .fancybox-prev span.icon-prev:before, .fancybox-prev .calendar .nav-month span.icon-prev:before, .calendar .nav-month .fancybox-next span.icon-prev:before, .fancybox-next .calendar .nav-month span.icon-prev:before, .event-gallery .slider-controler .icon-left:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before { content: "\e604"; } /* line 52, ../../../../src/scss/utils/extends/_icons.scss */ .icon-calendar-arrow-right:before, .fancybox-next span:before, .accordion .title:before, .calendar .nav-month .icon.icon-next:before, .calendar .nav-month .fancybox-prev span.icon-next:before, .fancybox-prev .calendar .nav-month span.icon-next:before, .calendar .nav-month .fancybox-next span.icon-next:before, .fancybox-next .calendar .nav-month span.icon-next:before, .event-gallery .slider-controler .icon-right:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before { content: "\e605"; } /* line 57, ../../../../src/scss/utils/extends/_icons.scss */ .icon-calendar-arrow-up:before { content: "\e606"; } /* line 62, ../../../../src/scss/utils/extends/_icons.scss */ .icon-calendar-arrow-down:before, .accordion .title.ui-state-active:before { content: "\e607"; } /* line 67, ../../../../src/scss/utils/extends/_icons.scss */ .icon-play:before, .icon-arrow-right:before { content: "\e608"; } /* line 74, ../../../../src/scss/utils/extends/_icons.scss */ .icon-arrow-down:before { content: "\e609"; } /* line 79, ../../../../src/scss/utils/extends/_icons.scss */ .icon-arrow-up:before { content: "\e60a"; } /* line 84, ../../../../src/scss/utils/extends/_icons.scss */ .icon-facebook:before, ul.footer-nav-socials a.icon_facebook:before { content: "\e60b"; } /* line 89, ../../../../src/scss/utils/extends/_icons.scss */ .icon-xing:before, ul.footer-nav-socials a.icon_xing:before { content: "\e60c"; } /* line 94, ../../../../src/scss/utils/extends/_icons.scss */ .icon-google:before, ul.footer-nav-socials a.icon_google:before { content: "\e60d"; } /* line 99, ../../../../src/scss/utils/extends/_icons.scss */ .icon-linkedin:before, .icon-linkedIn:before, ul.footer-nav-socials a.icon_linkedIn:before { content: "\e60e"; } /* line 105, ../../../../src/scss/utils/extends/_icons.scss */ .icon-twitter:before, ul.footer-nav-socials a.icon_twitter:before { content: "\e60f"; } /* line 110, ../../../../src/scss/utils/extends/_icons.scss */ .icon-youtube:before, ul.footer-nav-socials a.icon_youtube:before { content: "\ea9d"; } /* line 115, ../../../../src/scss/utils/extends/_icons.scss */ .icon-calendar:before { content: "\e610"; } /* line 120, ../../../../src/scss/utils/extends/_icons.scss */ .icon-map:before { content: "\e611"; } /* line 125, ../../../../src/scss/utils/extends/_icons.scss */ .icon-reset:before, .event-form .buttons .linkButton.reset .asButton:before { content: "\e612"; } /* line 130, ../../../../src/scss/utils/extends/_icons.scss */ .icon-search:before { content: "\e613"; } /* line 135, ../../../../src/scss/utils/extends/_icons.scss */ .icon-forward:before, a.icon.link:before { content: "\e614"; } /* line 140, ../../../../src/scss/utils/extends/_icons.scss */ .icon-print:before { content: "\e615"; } /* line 145, ../../../../src/scss/utils/extends/_icons.scss */ .icon-pdf:before { content: "\e616"; } /* line 150, ../../../../src/scss/utils/extends/_icons.scss */ .icon-rss:before { content: "\e617"; } /* line 155, ../../../../src/scss/utils/extends/_icons.scss */ .icon-dot:before, ul.rte--list > li:before { content: "\e618"; } /* line 160, ../../../../src/scss/utils/extends/_icons.scss */ .icon-menu:before { content: "\e619"; } /* line 165, ../../../../src/scss/utils/extends/_icons.scss */ .icon-mail:before { content: "\e61a"; } /* line 170, ../../../../src/scss/utils/extends/_icons.scss */ .icon-phone:before { content: "\e61b"; } /* line 175, ../../../../src/scss/utils/extends/_icons.scss */ .icon-time:before { content: "\e61c"; } /* line 180, ../../../../src/scss/utils/extends/_icons.scss */ .icon-web:before { content: "\e61d"; } /* line 185, ../../../../src/scss/utils/extends/_icons.scss */ .icon-list:before { content: "\e61e"; } /* line 190, ../../../../src/scss/utils/extends/_icons.scss */ .icon-tiles:before { content: "\e61f"; } /* line 195, ../../../../src/scss/utils/extends/_icons.scss */ .icon-photo:before { content: "\e620"; } /* line 200, ../../../../src/scss/utils/extends/_icons.scss */ .icon-video:before, a.icon.video:before { content: "\e621"; } /* line 205, ../../../../src/scss/utils/extends/_icons.scss */ .icon-off:before { content: "\e622"; } /* line 210, ../../../../src/scss/utils/extends/_icons.scss */ .icon-on:before { content: "\e623"; } /* line 215, ../../../../src/scss/utils/extends/_icons.scss */ .icon-pause:before { content: "\e624"; } /* line 220, ../../../../src/scss/utils/extends/_icons.scss */ .icon-compressed_file:before, a.icon.download_compressed:before { content: "\e625"; } /* line 225, ../../../../src/scss/utils/extends/_icons.scss */ .icon-csv_file:before, a.icon.download_csv:before { content: "\e626"; } /* line 230, ../../../../src/scss/utils/extends/_icons.scss */ .icon-excel_file:before, a.icon.download_excel:before { content: "\e627"; } /* line 235, ../../../../src/scss/utils/extends/_icons.scss */ .icon-fax:before { content: "\e628"; } /* line 240, ../../../../src/scss/utils/extends/_icons.scss */ .icon-pdf_file:before, a.icon.download_pdf:before { content: "\e629"; } /* line 245, ../../../../src/scss/utils/extends/_icons.scss */ .icon-text_file:before, a.icon.download_txt:before, a.icon.download_docm:before, a.icon.download_docx:before, a.icon.download_word:before { content: "\e62a"; } /* line 250, ../../../../src/scss/utils/extends/_icons.scss */ .icon-login:before { content: "\e62b"; } /* line 255, ../../../../src/scss/utils/extends/_icons.scss */ .icon-register:before { content: "\e62c"; } /* line 262, ../../../../src/scss/utils/extends/_icons.scss */ .icon-left-after:after { content: "\e604"; } /* line 267, ../../../../src/scss/utils/extends/_icons.scss */ .icon-right-after:after, .txt-collection .paging a.next:after { content: "\e605"; } /* line 272, ../../../../src/scss/utils/extends/_icons.scss */ .icon-up-after:after { content: "\e606"; } /* line 277, ../../../../src/scss/utils/extends/_icons.scss */ .icon-down-after:after { content: "\e607"; } /* line 282, ../../../../src/scss/utils/extends/_icons.scss */ .icon-reset-after:after { content: "\e612"; } /* line 287, ../../../../src/scss/utils/extends/_icons.scss */ .icon-rss-after:after { content: "\e617"; } /* line 292, ../../../../src/scss/utils/extends/_icons.scss */ .icon-pdf-after:after { content: "\e616"; } /* line 297, ../../../../src/scss/utils/extends/_icons.scss */ .icon-pdf_file-after:after { content: "\e629"; } /* line 302, ../../../../src/scss/utils/extends/_icons.scss */ .icon-calendar-arrow-down-after:after, .quickGuide.dropdown > .dropdown-toggle:after { content: "\e607"; } /* line 307, ../../../../src/scss/utils/extends/_icons.scss */ .icon-none:after, #header #nav-primary > li > ul > li a:after, .icon-none:before, #header #nav-primary > li > ul > li a:before { content: ""; } /* line 1, ../../../../src/scss/utils/extends/_border-box.scss */ body * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* .hidden-accessibleHides content visually, but leaves it available to assistive technologies.
Compatible for modern browsers that supporting the use of both the :before and : after pseudo-elements.
Markup: Styleguide 7.1.2 .hidden-accessible */ /* line 14, ../../../../src/scss/utils/extends/_hidden-accessible.scss */ .hidden, .aural, .hidden-accessible, .nav-page button .label, .pagination .mediaListSwitcher .viewmode, ul.nav-socials a > span, .calendar .nav-month .label, .lightbox-image > a[rel='lightbox'] .zoom span, .navigator .navigator-item .navigator-controls .navigator-back span, .navigator .navigator-item .navigator-controls .navigator-restart span { margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); position: absolute; } /* line 1, ../../../../src/scss/utils/extends/_transition.scss */ .btn, .mwf-form [type="button"], .mwf-form [type="submit"], input[type="submit"], .event-registration a, .calendar table.month a, .calendar table.month button, .lightbox-image > a[rel='lightbox'], #page-functions .dropdown .dropdown-menu a:hover, #page-functions .dropdown .dropdown-menu a:focus, #page-functions .dropdown .dropdown-menu a:active, .nav-meta .dropdown .dropdown-menu a:hover, .nav-meta .dropdown .dropdown-menu a:focus, .nav-meta .dropdown .dropdown-menu a:active, .quickGuide.dropdown > .dropdown-menu a:hover, .quickGuide.dropdown > .dropdown-menu a:focus, .quickGuide.dropdown > .dropdown-menu a:active, .ipo-line-menu a { transition-property: all; transition-duration: .35s; -webkit-transition-property: all; -webkit-transition-duration: .35s; -moz-transition-property: all; -moz-transition-duration: .35s; -ms-transition-property: all; -ms-transition-duration: .35s; -o-transition-property: all; -o-transition-duration: .35s; } /* line 1, ../../../../src/scss/utils/extends/_text-hide.scss */ #header #branding .label { font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; border: 0; display: block; text-indent: -100%; white-space: nowrap; overflow: hidden; } /* COMPONENTS * ========================================================================== */ /* IMPORT COMMON ELEMENTS * ========================================================================== */ @font-face { font-family: 'newsGothic_light'; src: url(/blob/2527348/b9d2fe9e64cffc27ff2602d9266d9b4f/data/NGT45__W.eot.eot); src: url(/blob/2527348/b9d2fe9e64cffc27ff2602d9266d9b4f/data/NGT45__W.eot.eot#iefix) format("embedded-opentype"), url(/blob/2527350/180d97bd83a8685956f3f43d889545c4/data/NGT45__W.woff.woff) format("woff"), url(/blob/2527352/12aac4de005b1eda86ba9fb655931b03/data/NGT45__W.ttf.ttf) format("truetype"), url(/blob/2527354/c355bffa2a3644e885ddfabed46a74c1/data/NGT45__W.svg.svg#NGT45__W) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'newsGothic_roman'; src: url(/blob/2527356/2e1e413e1da45e63545197c6c2216558/data/NGT55__W.eot.eot); src: url(/blob/2527356/2e1e413e1da45e63545197c6c2216558/data/NGT55__W.eot.eot#iefix) format("embedded-opentype"), url(/blob/2527358/56ff6c86f892d34ea539af707a10cc01/data/NGT55__W.woff.woff) format("woff"), url(/blob/2527360/c5f7452fbec8948e9ce6648f0f59f3f5/data/NGT55__W.ttf.ttf) format("truetype"), url(/blob/2527362/9f4fd182ae35ef5097803c9889725505/data/NGT55__W.svg.svg#NGT55__W) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'newsGothic_demi'; src: url(/blob/2527364/47bb2a190a40f7b25daa174e47a26f55/data/NGT65__W.eot.eot); src: url(/blob/2527364/47bb2a190a40f7b25daa174e47a26f55/data/NGT65__W.eot.eot#iefix) format("embedded-opentype"), url(/blob/2527366/02cfe86a15575a49bc5be1a822743917/data/NGT65__W.woff.woff) format("woff"), url(/blob/2527368/3ff9d239393a49e877fefc7662a2b192/data/NGT65__W.ttf.ttf) format("truetype"), url(/blob/2527370/56581a9a2f16ea614139a9d45d2170d5/data/NGT65__W.svg.svg#NGT65__W) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'newsGothic_bold'; src: url(/blob/2527372/298dcecfae9c957228a4d269bdd3ebf9/data/NGT75__W.eot.eot); src: url(/blob/2527372/298dcecfae9c957228a4d269bdd3ebf9/data/NGT75__W.eot.eot#iefix) format("embedded-opentype"), url(/blob/2527374/0eccc0c6e7f6cb4c090930dece896ad5/data/NGT75__W.woff.woff) format("woff"), url(/blob/2527376/715cde2a58bb38c29e6b4a966c99b148/data/NGT75__W.ttf.ttf) format("truetype"), url(/blob/2527378/0c42c3c7e36de511a089992c9535d74f/data/NGT75__W.svg.svg#NGT75__W) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon'; src: url(../fonts/icomoon/icomoon.eot?-t97ill); src: url(../fonts/icomoon/icomoon.eot?#iefix-t97ill) format("embedded-opentype"), url(../fonts/icomoon/icomoon.woff?-t97ill) format("woff"), url(../fonts/icomoon/icomoon.ttf?-t97ill) format("truetype"), url(../fonts/icomoon/icomoon.svg?-t97ill#icomoon) format("svg"); font-weight: normal; font-style: normal; } /* line 1, ../../../../src/scss/common/_helper.scss */ #devinfo { position: absolute; } /* line 3, ../../../../src/scss/common/_helper.scss */ #ie_clearing { display: none; } /* line 11, ../../../../src/scss/common/_helper.scss */ .clear { clear: both; } /* line 13, ../../../../src/scss/common/_helper.scss */ .fll { float: left; } /* line 14, ../../../../src/scss/common/_helper.scss */ .flr { float: right; } /* line 16, ../../../../src/scss/common/_helper.scss */ .emphasized { font-size: 1.6em; } /* line 17, ../../../../src/scss/common/_helper.scss */ .center { text-align: center; } /* line 18, ../../../../src/scss/common/_helper.scss */ .sv { display: none !important; } /* line 19, ../../../../src/scss/common/_helper.scss */ .ib { display: inline-block; } /* line 21, ../../../../src/scss/common/_helper.scss */ .skipLinks { left: -1200px; position: absolute; top: -1200px; z-index: 1000; } /* line 23, ../../../../src/scss/common/_helper.scss */ .w_oneThird { width: 33.3%; } /* line 25, ../../../../src/scss/common/_helper.scss */ .ma0 { margin: 0 !important; } /* line 26, ../../../../src/scss/common/_helper.scss */ .mt5 { margin-top: 5px !important; } /* line 27, ../../../../src/scss/common/_helper.scss */ .mt15 { margin-top: 15px !important; } /* line 28, ../../../../src/scss/common/_helper.scss */ .mr6 { margin-right: 6px; } /* line 29, ../../../../src/scss/common/_helper.scss */ .mb10 { margin-bottom: 10px; } /* line 31, ../../../../src/scss/common/_helper.scss */ .noBorder { border: none !important; padding: 0 !important; } /* line 32, ../../../../src/scss/common/_helper.scss */ .print, #print-preview { display: none; } /* line 33, ../../../../src/scss/common/_helper.scss */ .date { font-size: 0.846em; } /** Richtext Formats **/ /* line 36, ../../../../src/scss/common/_helper.scss */ .align--right { text-align: right; } /* line 37, ../../../../src/scss/common/_helper.scss */ .align--center { text-align: center; } /* line 1, ../../../../src/scss/common/_reset.scss */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } /* line 6, ../../../../src/scss/common/_reset.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 11, ../../../../src/scss/common/_reset.scss */ fieldset, img { border: 0 none; vertical-align: top; } /* line 16, ../../../../src/scss/common/_reset.scss */ address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } /* line 21, ../../../../src/scss/common/_reset.scss */ li { list-style: none; } /* line 23, ../../../../src/scss/common/_reset.scss */ caption, th { text-align: left; } /* line 25, ../../../../src/scss/common/_reset.scss */ h1, h2, h3, h4, h5, h6 { font-weight: normal; } /* line 30, ../../../../src/scss/common/_reset.scss */ abbr, acronym { border: 0; font-variant: normal; } /* line 35, ../../../../src/scss/common/_reset.scss */ button, input, textarea, select, .quickGuide.dropdown > .dropdown-toggle, option { font-family: inherit; font-size: inherit; font-weight: inherit; } /* line 41, ../../../../src/scss/common/_reset.scss */ :focus { outline: 0 none; } /* line 43, ../../../../src/scss/common/_reset.scss */ option, select, .quickGuide.dropdown > .dropdown-toggle { /*font: 1em/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;*/ } /* Page LayoutThe layout of the Xetra and Cash Market websites as well as of the Primary Market subsite is based on one overall frame which serves as a container for the relevant content. This frame provides a common structure for each view on all entities to create a corporate identity and enable better user orientation. The homepage layout is characterized by one big content area (covering a width of 980px) Subpages are based on a 2-column-layout, which contains a small column for sub navigation, facets and contacts on the left and a wider column for main content on the right. By applying a generic modular architecture approach, the appearance of each website can easily be modified according to strategic demands or specific content needs. The wide column can, for example, be subdivided with small or large modules in inner columns.
Styleguide 3.0 Basic Page Layout */ /* Grid Largenumber of columns: 8
column width: 90px
column margins: 30px
container margin: 25px
The entities’ homepages are based upon the grids below. The width of the modules will be configured according to their content and relevance.
The subpages are based on the grid shown below. In contrast to the homepage, subpages – including all doorpages - contain the sub navigation on the left margin column. Most of the content elements can be inserted on doorpages as well as on the homepages, for details please refer to the overview in chapter 6. As with the homepage, module widths for doorpages will be defined according to their content and relevance.
Markup:TODO
Markup: TODO Styleguide 5.5 Forms */ /* line 15, ../../../../src/scss/common/_form.scss */ form { font-size: 15px; font-size: 0.9375rem; } /* line 17, ../../../../src/scss/common/_form.scss */ label { font-size: 14px; font-size: 0.875rem; color: #333; display: inline-block; cursor: pointer; } /* line 24, ../../../../src/scss/common/_form.scss */ legend { font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; width: 100%; color: #009; font-size: 18px; font-size: 1.125rem; display: block; border-bottom: 1px solid #d4d4d4; padding-bottom: 15px; margin-bottom: 15px; line-height: 40px; padding: 0; margin-bottom: 20px; } /* line 38, ../../../../src/scss/common/_form.scss */ fieldset + fieldset { margin-top: 25px; } /* line 40, ../../../../src/scss/common/_form.scss */ input[type=radio], input[type=checkbox] { margin: 3px 0 0; width: 13px; height: 13px; line-height: normal; } /* line 48, ../../../../src/scss/common/_form.scss */ textarea { max-width: 100%; } /* line 50, ../../../../src/scss/common/_form.scss */ input[type=text] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } /* line 63, ../../../../src/scss/common/_form.scss */ .form-inline .form-group { display: inline-block; margin: 0 15px 15px 0; } /* line 77, ../../../../src/scss/common/_form.scss */ .form-horizontal label { padding-top: 8px; } /* line 79, ../../../../src/scss/common/_form.scss */ .form-horizontal .form-group { display: block; margin: 0 -15px 15px -15px; } /* line 86, ../../../../src/scss/common/_form.scss */ .form-horizontal .form-group input, .form-horizontal .form-group select, .form-horizontal .form-group .quickGuide.dropdown > .dropdown-toggle, .form-horizontal .form-group textarea { width: 100%; } /* line 90, ../../../../src/scss/common/_form.scss */ .form-horizontal .form-group input[type="checkbox"], .form-horizontal .form-group input[type="radio"], .form-horizontal .form-group input[type="submit"] { width: auto; } /* line 101, ../../../../src/scss/common/_form.scss */ .mandatory { font-size: 14px; font-size: 0.875rem; color: #009; } /* line 108, ../../../../src/scss/common/_form.scss */ .mandatoryHint { color: #333; padding: 0 10px; } /* line 112, ../../../../src/scss/common/_form.scss */ fieldset > legend > .mandatory { float: right; text-align: right; } /* line 116, ../../../../src/scss/common/_form.scss */ fieldset > legend > .mandatory .mandatoryHint { padding-right: 0; } /* line 124, ../../../../src/scss/common/_form.scss */ .notation { font-size: 14px; font-size: 0.875rem; color: #D14513; display: block; padding: 0 .5em; margin: 1em 0; } /* line 132, ../../../../src/scss/common/_form.scss */ label.error { color: #D14513; } /* line 134, ../../../../src/scss/common/_form.scss */ input.error, select.error, .quickGuide.dropdown > .error.dropdown-toggle, textarea.error { background-color: #ffebeb; border: 1px solid #D14513; } /* line 145, ../../../../src/scss/common/_form.scss */ .checkbox, .radio { position: relative; display: block; } /* line 151, ../../../../src/scss/common/_form.scss */ .checkbox label, .radio label { min-height: 20px; padding-left: 20px; padding-right: 10px; padding-top: 0; margin-bottom: 0; color: #333; } /* line 161, ../../../../src/scss/common/_form.scss */ .checkbox input, .radio input { position: absolute; margin-left: -20px; } /* line 171, ../../../../src/scss/common/_form.scss */ select, .quickGuide.dropdown > .dropdown-toggle { border: none; } /* line 174, ../../../../src/scss/common/_form.scss */ input[type="button"], input[type="reset"], input[type="submit"], input[type="text"], input[type="date"], input[type="email"], input[type="password"], input[type="search"], input[type="time"], input[type="url"], select, .quickGuide.dropdown > .dropdown-toggle, textarea { background: #fff; border: 1px solid #dbdde0; } /* line 191, ../../../../src/scss/common/_form.scss */ input[type="button"], input[type="reset"], input[type="submit"], input[type="text"], input[type="date"], input[type="email"], input[type="password"], input[type="search"], input[type="time"], input[type="url"], input.input_txt, textarea, select, .quickGuide.dropdown > .dropdown-toggle { font-family: "newsGothic_roman", Arial, Verdana, Helvetica, sans-serif; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding: 6px 12px; } /* line 210, ../../../../src/scss/common/_form.scss */ #contactForm select, #contactForm .quickGuide.dropdown > .dropdown-toggle { -webkit-appearance: menulist; } /* line 212, ../../../../src/scss/common/_form.scss */ .icon.icon-reset, .fancybox-prev span.icon-reset, .fancybox-next span.icon-reset { position: relative; vertical-align: baseline; padding-left: 22px; } /* line 217, ../../../../src/scss/common/_form.scss */ .icon.icon-reset:before, .fancybox-prev span.icon-reset:before, .fancybox-next span.icon-reset:before { font-size: 20px; font-size: 1.25rem; margin-top: -1px; position: absolute; left: 0; } /* line 227, ../../../../src/scss/common/_form.scss */ .custom-select { z-index: 1; position: relative; padding: 0; width: 100%; background-color: #fff; } /* line 236, ../../../../src/scss/common/_form.scss */ .custom-select:before { z-index: -1; position: absolute; top: 0; right: 0; width: 17px; height: 100%; text-align: center; } /* line 246, ../../../../src/scss/common/_form.scss */ .custom-select select, .custom-select .quickGuide.dropdown > .dropdown-toggle { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; display: block; width: 100%; background-color: transparent; border: 0 none; box-shadow: none; cursor: pointer; text-indent: 0.01px; text-overflow: ''; } /* line 260, ../../../../src/scss/common/_form.scss */ .custom-select select::-ms-expand, .custom-select .quickGuide.dropdown > .dropdown-toggle::-ms-expand { display: none; /* to ie 10 */ } /* line 264, ../../../../src/scss/common/_form.scss */ .custom-select select:focus, .custom-select .quickGuide.dropdown > .dropdown-toggle:focus { outline: none; } /* little trick for custom select elements in mozilla firefox 17/06/2014 @rodrigoludgero */ /* pseudo class https://developer.mozilla.org/en-US/docs/Web/CSS/:any */ /* line 279, ../../../../src/scss/common/_form.scss */ .ui-datepicker-trigger { position: relative; right: 22px; top: 19px; cursor: pointer; } /* line 288, ../../../../src/scss/common/_form.scss */ .standardForm input[type="checkbox"], .standardForm input[type="radio"] { position: relative; top: 2px; margin-right: 5px; } /* line 297, ../../../../src/scss/common/_form.scss */ .standardForm .mandatoryHint { display: block; margin-bottom: 25px; } /* line 307, ../../../../src/scss/common/_form.scss */ .loginForm li + li { margin-top: 1em; } /* line 311, ../../../../src/scss/common/_form.scss */ .loginForm .input_btn { margin-left: 1em; } /* ** 3.6 Form Elements ** */ /* line 5, ../../../../src/scss/common/_form-eventService.scss */ .event-form li { margin-bottom: 10px; } /* line 10, ../../../../src/scss/common/_form-eventService.scss */ .event-form .formColLeft { width: 25%; float: left; } /* line 11, ../../../../src/scss/common/_form-eventService.scss */ .event-form .formColRight { width: 70%; float: right; } /* line 13, ../../../../src/scss/common/_form-eventService.scss */ .event-form .notation { font-size: 14px; font-size: 0.875rem; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; color: #D14513; display: block; margin: .2em 0 .5em 0; } /* line 22, ../../../../src/scss/common/_form-eventService.scss */ .event-form input[type="text"], .event-form select, .event-form .quickGuide.dropdown > .dropdown-toggle, .event-form textarea { width: 100%; } /* line 26, ../../../../src/scss/common/_form-eventService.scss */ .event-form .buttons { text-align: right; } /* line 29, ../../../../src/scss/common/_form-eventService.scss */ .event-form .buttons > * { margin-left: 20px; } /* ** 3.6 Form Elements ** */ /* line 6, ../../../../src/scss/common/_form-search.scss */ .search-form { background: #f0f0f0; position: relative; padding: 20px 0px 5px 18px; font-family: "newsGothic_roman", Arial, Verdana, Helvetica, sans-serif; margin: 0 0 30px; } /* line 16, ../../../../src/scss/common/_form-search.scss */ .search-form .form-group > * { vertical-align: middle; } /* line 18, ../../../../src/scss/common/_form-search.scss */ .search-form .form-group input#searchfieldDetail { width: 280px; } /* line 23, ../../../../src/scss/common/_form-search.scss */ .search-form .form-group input.datepicker { width: 120px; padding: 6px 25px 6px 8px; background: #fff url(/blob/2527404/ee08aaff4fe4606cd99ca672a9e13a96/data/icon-calendar.gif.gif) no-repeat 92% 50%; cursor: pointer; } /* line 30, ../../../../src/scss/common/_form-search.scss */ .search-form .form-group input.identifier { width: 562px; } /* line 33, ../../../../src/scss/common/_form-search.scss */ .search-form .form-group input.order-size { width: 94px; } /* line 37, ../../../../src/scss/common/_form-search.scss */ .search-form .form-group .form-label { width: 90px; } /* line 44, ../../../../src/scss/common/_form-search.scss */ .search-form a.icon-reset { font-size: 14px; font-size: 0.875rem; min-width: 150px; display: inline-block; } /* line 52, ../../../../src/scss/common/_form-search.scss */ .search-form button[type="submit"] { position: absolute; right: 20px; top: 21px; width: 87px; } /* line 62, ../../../../src/scss/common/_form-search.scss */ .searchList label.nojs { padding: 0 10px 0 20px; } /* line 65, ../../../../src/scss/common/_form-search.scss */ .searchList .onecolumn .input_txt.wideWidth { width: 100%; } /* line 66, ../../../../src/scss/common/_form-search.scss */ .searchList .onecolumn .input_txt.smallWidth { width: 130px; } /* line 67, ../../../../src/scss/common/_form-search.scss */ .searchList .onecolumn .input_txt.datepicker { font-size: 1em; } /* line 69, ../../../../src/scss/common/_form-search.scss */ .searchList .input_btn, .searchList .linkButton { float: right; margin-left: 10px; } /* line 75, ../../../../src/scss/common/_form-search.scss */ .searchList .box .container { margin: 0px; } /* Contact FormThe contact form is available from the contact list view, located in the meta navigation under “Contact”
Markup:The rem font-size unit is similar to em,
only instead of cascading it's always relative to the root (html) element.
This is pretty good supported by modern browser.
For IE 8 and down a px fallbacks is provided.
To set the font-size, just put in your pixel value from the design.
@include font-size(15)
Styleguide 7.2.1 font-size */ /* IMPORT EXTENDS (utils/extends/) * ========================================================================== */ /* line 23, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-status, .mwf-form { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; } /* line 35, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-status { color: #444; max-width: 90%; } /* line 40, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-status .progress { background-color: #f5f5f5; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 20px; margin: 10px 0; overflow: hidden; } /* line 48, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-status .progress .progress-bar { background-color: #009900; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; text-align: center; transition: width 0.6s ease 0s; opacity: .4; -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; } /* line 68, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-status .progress .progress-bar:first-child { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* line 74, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-status .progress .progress-bar:last-child { opacity: 1; } /* line 76, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-status .progress .progress-bar > span { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* line 95, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form h3 { font-size: 18px; font-size: 1.125rem; } /* line 99, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form p { display: block; padding-bottom: 10px; } /* line 102, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form p:last-child { padding-bottom: 0px; } /* line 107, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form .mwf-hint { display: none; } /* line 111, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form .mwf-label, .mwf-form label { vertical-align: top; } /* line 115, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form .mwf-label > em, .mwf-form .mwf-required { color: red; } /* line 121, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form > ul + ul { margin: 25px 0 25px 30px; padding-bottom: 25px; } /* line 124, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form > ul + ul.introduction { margin: 0; } /* line 128, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form > ul > li + li { margin-top: 1em; } /* line 131, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form .questionGroup { border-bottom: 1px solid #d4d4d4; } /* line 135, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form .standard li:first-child { font-size: 16px; font-size: 1rem; line-height: 1.4; } /* line 142, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form .questionGroup li:first-child { font-size: 16px; font-size: 1rem; } /* line 145, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form .questionGroup li:first-child p:first-child { position: absolute; margin-left: -30px; } /* line 154, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form .mwf-field > .mwf-label, .mwf-form .mwf-field > .mwf-input { display: inline-block; } /* line 156, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form .mwf-field > .mwf-label { text-align: right; padding-right: 25px; } /* line 158, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form .mwf-field > .mwf-label { width: 30%; } /* line 159, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form .mwf-field > .mwf-input { width: 65%; } /* line 163, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form.label-small .mwf-field > .mwf-label { width: 15%; } /* line 164, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form.label-small .mwf-field > .mwf-input { width: 80%; } /* line 168, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form.label-medium .mwf-field > .mwf-label { width: 45%; } /* line 169, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form.label-medium .mwf-field > .mwf-input { width: 50%; } /* line 173, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form.label-large .mwf-field > .mwf-label { width: 60%; } /* line 174, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form.label-large .mwf-field > .mwf-input { width: 35%; } /* .status-line { background:#ebeff3; // theme color border-top: 1px solid #999; border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; border-bottom: 1px solid #D3D3D3; height: 24px; .status-line-part { display: inline-block; width: 50px; height: 24px; } } */ /* line 193, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-bold { font-family: "newsGothic_bold", Arial, Verdana, Helvetica, sans-serif; } /* line 200, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form ul { list-style: none !important; /*overflow: hidden !important;*/ } /* line 207, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-field { vertical-align: top; } /* line 218, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-error .mwf-input [type="text"], .mwf-error .mwf-input [type="password"], .mwf-error .mwf-input [type="email"], .mwf-error .mwf-input [type="url"], .mwf-error .mwf-input [type="search"], .mwf-error .mwf-input textarea { background-color: #ffebeb; } /* line 230, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-input [type="text"], .mwf-input [type="password"], .mwf-input [type="email"], .mwf-input [type="url"], .mwf-input [type="search"], .mwf-input textarea { padding: 0 0.4em; max-width: 100%; width: 100%; height: auto; } /* line 249, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form ul > li select[multiple], .mwf-form ul > li .quickGuide.dropdown > [multiple].dropdown-toggle { /*min-width: 148px;*/ } /* File-Upload */ /* line 265, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form .mwf-fileinfo { vertical-align: middle; } /* line 269, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form span.mwf-delete { height: 15px; width: 15px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-image: url(data:image/gif;base64,R0lGODdhDAAMAMZZADk5OTs7O0BAQEZGRkhISEpKSkxMTE1NTU9PT1BQUFFRUVVVVVZWVldXV1lZWVtbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWdnZ2lpaWpqamtra2xsbG1tbW5ubnFxcXJycnR0dHV1dXZ2dnd3d3h4eHl5eXt7e3x8fH19fX5+fn9/f4GBgYKCgoSEhIaGhoiIiImJiYqKiouLi4yMjI2NjZGRkZWVlZaWlpiYmJmZmZubm5ycnJ2dnZ+fn6CgoKGhoaKioqenp6qqqqurq62trbCwsLOzs729vdLS0tTU1NjY2Nvb2+Li4uTk5Obm5ufn5+jo6O/v7/Hx8fT09Pj4+P39/f///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ywAAAAADAAMAAAHkoBYWRYPLx0cHxImVllXF0pJKjVGLjcyOlMmOURFQzsvNjclFzEVSDhNRiI7QEsrMBEcP0E+TjQvTkcXIQobLDwfM1BMKRMZEiMaOS0wJ1JTFR8QBSEgLyFCTx4ZUUAJGgwYLBtVPgchPVMDDggouxgVFREJBgIBJ1QkDQgeBgALBApgyJJlSgQQFCBYmHCwSpZAADs=); } /* Buttons */ /* line 280, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-button { display: inline-block; margin-bottom: 1em; margin-right: 1em; margin-top: 1em; margin-left: 0; vertical-align: top; } /* line 290, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-cancel, .mwf-next { float: right; } /* Summary */ /* line 316, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-table { width: 100%; } /* line 320, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-table th, .mwf-table td { border: none; padding: 6px; } /* Pager */ /* line 328, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form ul > li.mwf-pager p { display: inline-block; margin-bottom: 1em; margin-right: 1em; margin-left: 0; vertical-align: top; text-align: center; width: 100%; } /* line 338, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form h3 { margin-top: 1em; margin-bottom: 1em; } /* line 343, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form ul > li .mwf-option { display: block; margin: .5em 1em 0 0; vertical-align: top; position: relative; padding-left: 24px; } /* line 351, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form ul > li .mwf-option:first-child { margin-top: 0; } /* line 353, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form ul > li .mwf-option input[type="checkbox"], .mwf-form ul > li .mwf-option input[type="radio"] { cursor: pointer; margin: 0; position: absolute; top: 4px; left: 0; } /* line 365, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form ul > li.mwf-option-inline .mwf-input { vertical-align: top; } /* line 368, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form ul > li.mwf-option-inline .mwf-input fieldset { display: inline-block; margin-top: 0; } /* line 373, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form ul > li.mwf-option-inline .mwf-input .mwf-option { display: inline-block; margin: 0 1em 0 0; } /* line 380, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-form ul > li fieldset label { cursor: pointer; } /* Ajax Autocomplete for jQuery */ /* line 386, ../../../../src/scss/common/_form-monday-webform.scss */ .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; } /* line 392, ../../../../src/scss/common/_form-monday-webform.scss */ .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } /* line 398, ../../../../src/scss/common/_form-monday-webform.scss */ .autocomplete-selected { background: #C3C3C3; } /* line 400, ../../../../src/scss/common/_form-monday-webform.scss */ .autocomplete-suggestions strong { font-weight: bolder; } /* line 406, ../../../../src/scss/common/_form-monday-webform.scss */ .mwf-error label, .mwf-error p { color: red; } /* Base Elements Description Styleguide 1.0 Base Elements */ /* Button Markup: .btn-default - Display default button style .btn-default:hover - Highlight the default button on hover and on focus Styleguide 1.1 Button */ /* line 25, ../../../../src/scss/common/_button.scss */ button { background: none; border: 0; margin: 0; cursor: pointer; } /* line 32, ../../../../src/scss/common/_button.scss */ button[disabled=disabled] { cursor: default; } /* line 35, ../../../../src/scss/common/_button.scss */ .btn, .mwf-form [type="button"], .mwf-form [type="submit"], input[type="submit"], .event-registration a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-size: 17px; font-size: 1.0625rem; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; display: inline-block; padding: 5px 17px; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; margin: 0; font-weight: normal; text-decoration: none; cursor: pointer; border: 1px solid #009; background: none; text-align: center; vertical-align: middle; line-height: 1.35; } /* line 54, ../../../../src/scss/common/_button.scss */ .btn:hover *, .mwf-form [type="button"]:hover *, .mwf-form [type="submit"]:hover *, input[type="submit"]:hover *, .event-registration a:hover *, .btn:active *, .mwf-form [type="button"]:active *, .mwf-form [type="submit"]:active *, input[type="submit"]:active *, .event-registration a:active *, .btn:focus *, .mwf-form [type="button"]:focus *, .mwf-form [type="submit"]:focus *, input[type="submit"]:focus *, .event-registration a:focus * { text-decoration: none; } /* line 58, ../../../../src/scss/common/_button.scss */ .btn.icon, .mwf-form .icon[type="button"], .mwf-form .fancybox-prev span[type="button"], .fancybox-prev .mwf-form span[type="button"], .mwf-form .fancybox-next span[type="button"], .fancybox-next .mwf-form span[type="button"], .mwf-form .icon[type="submit"], .mwf-form .fancybox-prev span[type="submit"], .fancybox-prev .mwf-form span[type="submit"], .mwf-form .fancybox-next span[type="submit"], .fancybox-next .mwf-form span[type="submit"], input.icon[type="submit"], .event-registration a.icon, .fancybox-prev span.btn, .fancybox-next span.btn { position: relative; padding-left: 21px; } /* line 62, ../../../../src/scss/common/_button.scss */ .btn.icon.icon-reset:before, .mwf-form .icon.icon-reset[type="button"]:before, .mwf-form .fancybox-prev span.icon-reset[type="button"]:before, .fancybox-prev .mwf-form span.icon-reset[type="button"]:before, .mwf-form .fancybox-next span.icon-reset[type="button"]:before, .fancybox-next .mwf-form span.icon-reset[type="button"]:before, .mwf-form .icon.icon-reset[type="submit"]:before, .mwf-form .fancybox-prev span.icon-reset[type="submit"]:before, .fancybox-prev .mwf-form span.icon-reset[type="submit"]:before, .mwf-form .fancybox-next span.icon-reset[type="submit"]:before, .fancybox-next .mwf-form span.icon-reset[type="submit"]:before, input.icon.icon-reset[type="submit"]:before, .event-registration a.icon.icon-reset:before, .fancybox-prev span.btn.icon-reset:before, .fancybox-next span.btn.icon-reset:before { position: absolute; margin-top: -1px; } /* line 69, ../../../../src/scss/common/_button.scss */ .btn-link, .mwf-form .mwf-back input[type="button"], .mwf-form .mwf-cancel input[type="button"] { border-color: transparent; text-align: left; } /* line 80, ../../../../src/scss/common/_button.scss */ .btn-default, .mwf-form .mwf-next input[type="button"], input[type="submit"], .event-registration a, .icon.btn-default, .mwf-form .mwf-next input.icon[type="button"], input.icon[type="submit"], .event-registration a.icon, .fancybox-prev span.btn-default, .fancybox-next span.btn-default { color: #fff; background: #009; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .btn-default:hover, .mwf-form .mwf-next input[type="button"]:hover, input[type="submit"]:hover, .event-registration a:hover, .icon.btn-default:hover, .mwf-form .mwf-next input.icon[type="button"]:hover, input.icon[type="submit"]:hover, .event-registration a.icon:hover, .fancybox-prev span.btn-default:hover, .fancybox-next span.btn-default:hover { color: #009; } /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ .btn-default:before, .mwf-form .mwf-next input[type="button"]:before, input[type="submit"]:before, .event-registration a:before, .btn-default:after, .mwf-form .mwf-next input[type="button"]:after, input[type="submit"]:after, .event-registration a:after, .icon.btn-default:before, .mwf-form .mwf-next input.icon[type="button"]:before, input.icon[type="submit"]:before, .event-registration a.icon:before, .fancybox-prev span.btn-default:before, .fancybox-next span.btn-default:before, .icon.btn-default:after, .mwf-form .mwf-next input.icon[type="button"]:after, input.icon[type="submit"]:after, .event-registration a.icon:after, .fancybox-prev span.btn-default:after, .fancybox-next span.btn-default:after { color: #fff; } /* line 20, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ .btn-default:hover:before, .mwf-form .mwf-next input[type="button"]:hover:before, input[type="submit"]:hover:before, .event-registration a:hover:before, .btn-default:hover:after, .mwf-form .mwf-next input[type="button"]:hover:after, input[type="submit"]:hover:after, .event-registration a:hover:after, .icon.btn-default:hover:before, .mwf-form .mwf-next input.icon[type="button"]:hover:before, input.icon[type="submit"]:hover:before, .event-registration a.icon:hover:before, .fancybox-prev span.btn-default:hover:before, .fancybox-next span.btn-default:hover:before, .icon.btn-default:hover:after, .mwf-form .mwf-next input.icon[type="button"]:hover:after, input.icon[type="submit"]:hover:after, .event-registration a.icon:hover:after, .fancybox-prev span.btn-default:hover:after, .fancybox-next span.btn-default:hover:after { color: #009; } /* line 88, ../../../../src/scss/common/_button.scss */ .btn-default:hover, .mwf-form .mwf-next input[type="button"]:hover, input[type="submit"]:hover, .event-registration a:hover, .btn-default:focus, .mwf-form .mwf-next input[type="button"]:focus, input[type="submit"]:focus, .event-registration a:focus, .icon.btn-default:hover, .mwf-form .mwf-next input.icon[type="button"]:hover, input.icon[type="submit"]:hover, .event-registration a.icon:hover, .fancybox-prev span.btn-default:hover, .fancybox-next span.btn-default:hover, .icon.btn-default:focus, .mwf-form .mwf-next input.icon[type="button"]:focus, input.icon[type="submit"]:focus, .event-registration a.icon:focus, .fancybox-prev span.btn-default:focus, .fancybox-next span.btn-default:focus { background-color: #fff; border-color: #009; color: #009; } /* line 106, ../../../../src/scss/common/_button.scss */ ul.nav-search > li .dropdown-menu button, .search-form button { border-color: #009; } /* line 108, ../../../../src/scss/common/_button.scss */ ul.nav-search > li .dropdown-menu button:hover, ul.nav-search > li .dropdown-menu button:focus, .search-form button:hover, .search-form button:focus { border-color: #fff; } /* line 1, ../../../../src/scss/common/_image.scss */ img, .image { max-width: 100%; height: auto; } /* line 7, ../../../../src/scss/common/_image.scss */ .image { color: #333; font-size: 12px; font-size: 0.75rem; background: #fff; line-height: 1.4; } /* line 14, ../../../../src/scss/common/_image.scss */ .image.float--left { float: left; margin: 0px 30px 10px 0; } /* line 15, ../../../../src/scss/common/_image.scss */ .image.float--right { float: right; margin: 0px 0 10px 30px; } /* line 17, ../../../../src/scss/common/_image.scss */ .image .caption-block { padding-top: 10px; } /* line 19, ../../../../src/scss/common/_image.scss */ .image .caption-block > * { display: block; } /* line 22, ../../../../src/scss/common/_image.scss */ .image a { position: relative; display: block; } /* line 26, ../../../../src/scss/common/_image.scss */ .image a:hover .zoom { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } /* line 31, ../../../../src/scss/common/_image.scss */ div.navigator div.navigator-items div.navigator-item div.img img { max-width: auto; } /* Links Markup: Link Styleguide 1.2 Links */ /** * @desc Link * @name link * @author Katharina Kappis, ]init[ AG * @tested * @requires _variables.scss, compass */ /* line 18, ../../../../src/scss/common/_links.scss */ a { text-decoration: none; color: #333; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ a:hover { color: #009; } /* line 22, ../../../../src/scss/common/_links.scss */ a:hover, a:active, a:focus { text-decoration: underline; } /* Icon Link Markup: RSS Styleguide 1.2.1 Teaser-Link */ /* line 46, ../../../../src/scss/common/_links.scss */ a:hover > span, a:active > span, a:focus > span { text-decoration: underline; } /* line 50, ../../../../src/scss/common/_links.scss */ a.icon { position: relative; } /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ a.icon:before, a.icon:after { color: #333; } /* line 20, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ a.icon:hover:before, a.icon:hover:after { color: #009; } /* line 55, ../../../../src/scss/common/_links.scss */ a.icon:hover, a.icon:active, a.icon:focus { text-decoration: none; } /* line 63, ../../../../src/scss/common/_links.scss */ button.icon:hover:before, button.icon:hover:after, .custom-select.icon:hover:before, .fancybox-prev span.custom-select:hover:before, .fancybox-next span.custom-select:hover:before, .custom-select.icon:hover:after, .fancybox-prev span.custom-select:hover:after, .fancybox-next span.custom-select:hover:after { color: #009; } /* line 71, ../../../../src/scss/common/_links.scss */ .icon.icon-reset, .fancybox-prev span.icon-reset, .fancybox-next span.icon-reset { /*position:relative; padding-left: 22px; &:before { position: absolute; margin-left: -24px; margin-top: -1px; }*/ } /* line 84, ../../../../src/scss/common/_links.scss */ .icon.active:before, .fancybox-prev span.active:before, .fancybox-next span.active:before, .icon.active:after, .fancybox-prev span.active:after, .fancybox-next span.active:after { color: #009; } /*.download_pdf.iconLink { @extend %icon; @extend %icon-pdf; @include link-colors($color-supplement, $color-link-act); @include link-icon-colors($color-icon, $color-icon-act); } */ /* line 98, ../../../../src/scss/common/_links.scss */ .view-all { font-size: 14px; font-size: 0.875rem; } /* line 102, ../../../../src/scss/common/_links.scss */ .view-all .icon, .view-all .fancybox-prev span, .fancybox-prev .view-all span, .view-all .fancybox-next span, .fancybox-next .view-all span { padding-left: 18px; } /* line 104, ../../../../src/scss/common/_links.scss */ .view-all .icon:before, .view-all .fancybox-prev span:before, .fancybox-prev .view-all span:before, .view-all .fancybox-next span:before, .fancybox-next .view-all span:before { margin-top: -3px; left: -8px; position: absolute; left: -4px; } /* line 113, ../../../../src/scss/common/_links.scss */ a.icon { color: #333; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ a.icon:hover { color: #009; } /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ a.icon:before, a.icon:after { color: #333; } /* line 20, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ a.icon:hover:before, a.icon:hover:after { color: #009; } /* line 143, ../../../../src/scss/common/_links.scss */ .search-results a.icon { font-size: 14px; font-size: 0.875rem; color: #333; padding: 0 0 0 25px; display: block; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .search-results a.icon:hover { color: #009; } /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ .search-results a.icon:before, .search-results a.icon:after { color: #333; } /* line 20, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ .search-results a.icon:hover:before, .search-results a.icon:hover:after { color: #009; } /* line 152, ../../../../src/scss/common/_links.scss */ .search-results a.icon:before { font-size: 22px; font-size: 1.375rem; position: absolute; left: -2px; margin-top: -2px; } /* line 162, ../../../../src/scss/common/_links.scss */ .linkItem a { padding: 0 0 0 28px; display: block; } /* line 168, ../../../../src/scss/common/_links.scss */ .linkItem a:before { position: absolute; left: -2px; margin-top: -2px; } /* line 176, ../../../../src/scss/common/_links.scss */ .list-links a { padding: 0 0 0 20px; display: block; } /* line 182, ../../../../src/scss/common/_links.scss */ .list-links a:before { position: absolute; left: -5px; margin-top: -2px; } /* Teaser-Link Markup:The News List displays the most recent news items or articles. Content other than latest information is also possible. The lists are generated automatically and can be subscribed to by RSS.
Markup: Styleguide 3.4. Link List */ /* line 42, ../../../../src/scss/common/_list-links.scss */ .list-links a { color: #747474; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .list-links a:hover { color: #009; } /* line 45, ../../../../src/scss/common/_list-links.scss */ .list-links a.icon span { line-height: 1.4; } /* line 48, ../../../../src/scss/common/_list-links.scss */ .list-links li { padding: 6px 0 5px; } /* line 50, ../../../../src/scss/common/_list-links.scss */ .list-links li + li { border-top: 1px solid #d4d4d4; } /* View TypesThe following chapter defines the view types which will be implemented for the new websites. In general, all views use a common basic structure and layout, differentiated by varying design elements. This ensures a consistent overall appearance for all websites (deutsche-boerse-cash-market.com, deutsche-boerse-cash-market.com/primarymarket, xetra.com) while preserving the individual identity of each entity. By using a modular approach, different content elements can easily be displayed on different page types without deviating from the overall design guidelines. Styleguide 5.0 View Types */ /* List Views
List views provide a concentrated presentation of homogenous documents concerning one topic, e.g. press releases. Lists are based on faceted search technology, providing information by applying multiple filters.
Styleguide 5.4 List Views */ /* List View: MediaThe media list is displayed in a special appearance: Videos and pictures are presented with enlarged thumbnails in a tile view. By the respective icon, users can also switch to the standard list view. Furthermore, animated information graphics could also be an appropriate media type for content more difficult to understand. The list is default sorted by date descending, so the most recent document is the first entry. Moreover, the user can sort by date ascending, alphabetical order (ascending or descending) or relevance.
Styleguide 5.4.12 List View: Media */ /* line 52, ../../../../src/scss/common/_list-media-tiles.scss */ .list.search-results.tiles > li { width: 33.3332%; float: left; padding-bottom: 22px; margin-top: 25px; padding-left: 16px; padding-right: 0; } /* line 60, ../../../../src/scss/common/_list-media-tiles.scss */ .list.search-results.tiles > li:first-child { padding-right: 16px; padding-left: 0; } /* line 63, ../../../../src/scss/common/_list-media-tiles.scss */ .list.search-results.tiles > li + li { padding-left: 8px; padding-right: 8px; } /* line 67, ../../../../src/scss/common/_list-media-tiles.scss */ .list.search-results.tiles > li:last-child { padding-left: 16px; padding-right: 0; } /* line 69, ../../../../src/scss/common/_list-media-tiles.scss */ .list.search-results.tiles > li .contentCol { width: 100%; padding-top: 0; } /* line 72, ../../../../src/scss/common/_list-media-tiles.scss */ .list.search-results.tiles > li .contentCol h3 { margin-bottom: 21px; } /* line 73, ../../../../src/scss/common/_list-media-tiles.scss */ .list.search-results.tiles > li .contentCol a { display: block; } /* line 76, ../../../../src/scss/common/_list-media-tiles.scss */ .list.search-results.tiles > li img { max-width: 100%; } /* line 80, ../../../../src/scss/common/_list-media-tiles.scss */ .list.search-results.tiles > li + li { border-top: 0 none; } /* line 84, ../../../../src/scss/common/_list-media-tiles.scss */ .list.search-results.tiles > li + li .contentCol, .list.search-results.tiles > li + li .mediaCol { border-top: 0 none; } /* line 88, ../../../../src/scss/common/_list-media-tiles.scss */ .list.search-results.tiles .date { margin-top: 14px; } /* line 93, ../../../../src/scss/common/_list-media-tiles.scss */ .search-results.tiles + .list.search-results.tiles { border-top: 1px solid #d4d4d4; } /* line 95, ../../../../src/scss/common/_list-media-tiles.scss */ .search-results.tiles.last li { padding-bottom: 0; } /* line 6, ../../../../src/scss/common/_list-evaluation.scss */ .list.evaluation li { margin-top: 1em; } /* line 10, ../../../../src/scss/common/_list-evaluation.scss */ .list.evaluation li.head { font-weight: bold; } /* line 13, ../../../../src/scss/common/_list-evaluation.scss */ .list.evaluation .titleCol { float: left; width: 58%; } /* line 16, ../../../../src/scss/common/_list-evaluation.scss */ .list.evaluation .titleCol p { padding-right: 10px; } /* line 20, ../../../../src/scss/common/_list-evaluation.scss */ .list.evaluation .statusCol { float: left; width: 12%; } /* line 24, ../../../../src/scss/common/_list-evaluation.scss */ .list.evaluation .linksCol { float: left; width: 30%; } /* News ListThe News List displays the most recent news items or articles. Content other than latest information is also possible. The lists are generated automatically and can be subscribed to by RSS.
Markup:The News List displays the most recent news items or articles. Content other than latest information is also possible. The lists are generated automatically and can be subscribed to by RSS.
Markup:Several navigation elements are provided, distinguished by means of entity characteristics as well as content orientation.
Styleguide 2.0 Navigation Elements */ /* line 26, ../../../../src/scss/common/_nav.scss */ .nav-breadcrumb > li { display: inline; } /* Main NavigationThe main navigation is always displayed horizontally within the header at the top of each page, providing access to high priority content.
On mouse over, a layer displaying the second level navigation opens, in order to provide access to deeper navigation levels easily.
The search elements – Navigator, text search, price search - (see chapter 2.4 – Search).are positioned in line with the main navigation.
If JavaScript is disabled or if users visit the websites via tablet or smartphone, the layer is not available.
Markup: Styleguide 2.1 Main Navigation */ /* Primary Navigation / Main Navigation * ========================================================================== */ /* line 36, ../../../../src/scss/common/_nav-main.scss */ #nav-primary { line-height: 1; background-color: #009; } /* line 41, ../../../../src/scss/common/_nav-main.scss */ #nav-primary a { display: block; } /* line 10, ../../../../src/scss/utils/mixins/_link-underline.scss */ #nav-primary a:hover, #nav-primary a:active, #nav-primary a:focus { text-decoration: none; } /* line 47, ../../../../src/scss/common/_nav-main.scss */ #nav-primary li > a { color: #d4d4d4; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ #nav-primary li > a:hover { color: #fff; } /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ #nav-primary li > a:before, #nav-primary li > a:after { color: #color-flyout-icon; } /* line 20, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ #nav-primary li > a:hover:before, #nav-primary li > a:hover:after { color: #fff; } /* line 51, ../../../../src/scss/common/_nav-main.scss */ #nav-primary li.active > a, #nav-primary li.open > a { color: #fff; } /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ #nav-primary li.active > a:before, #nav-primary li.active > a:after, #nav-primary li.open > a:before, #nav-primary li.open > a:after { color: #fff; } /* line 57, ../../../../src/scss/common/_nav-main.scss */ #nav-primary li ul { padding: 14px 0 35px; } /* line 64, ../../../../src/scss/common/_nav-main.scss */ #nav-primary > li { position: relative; z-index: 11; } /* line 69, ../../../../src/scss/common/_nav-main.scss */ #nav-primary > li > a { font-size: 16px; font-size: 1rem; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; } /* line 78, ../../../../src/scss/common/_nav-main.scss */ #nav-primary > li > ul { font-size: 16px; font-size: 1rem; background: #009; } /* line 83, ../../../../src/scss/common/_nav-main.scss */ #nav-primary > li > ul > li { background: transparent; padding: 0 0 0 21px; } /* line 88, ../../../../src/scss/common/_nav-main.scss */ #nav-primary > li > ul > li + li > a { border-top: 1px solid #666; } /* line 90, ../../../../src/scss/common/_nav-main.scss */ #nav-primary > li > ul > li a { color: #d4d4d4; padding: 12px 0; margin-left: 20px; position: relative; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ #nav-primary > li > ul > li a:hover { color: #fff; } /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ #nav-primary > li > ul > li a:before, #nav-primary > li > ul > li a:after { color: #color-flyout-icon; } /* line 20, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ #nav-primary > li > ul > li a:hover:before, #nav-primary > li > ul > li a:hover:after { color: #fff; } /* line 102, ../../../../src/scss/common/_nav-main.scss */ #nav-primary > li > ul > li a:before { font-size: 22px; font-size: 1.375rem; position: absolute; left: -25px; margin-top: -2px; } /* line 112, ../../../../src/scss/common/_nav-main.scss */ #nav-primary > li > ul ul { font-size: 17px; font-size: 1.0625rem; margin-left: 20px; } /* Primary Navigation Opener / Main Navigation Opener * Burger Icon (used for medium and small versions) * ========================================================================== */ /* line 123, ../../../../src/scss/common/_nav-main.scss */ #nav-primary-wrapper { line-height: 1; } /* line 127, ../../../../src/scss/common/_nav-main.scss */ #nav-primary-wrapper.open .dropdown-toggle { border-color: #009; } /* line 129, ../../../../src/scss/common/_nav-main.scss */ #nav-primary-wrapper .dropdown-toggle { border-bottom: 5px solid transparent; padding: 17px 15px 15px 22px; } /* line 134, ../../../../src/scss/common/_nav-main.scss */ #nav-primary-wrapper .dropdown-toggle a { font-size: 16px; font-size: 1rem; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; padding-left: 22px; } /* line 139, ../../../../src/scss/common/_nav-main.scss */ #nav-primary-wrapper .dropdown-toggle a:before { font-size: 24px; font-size: 1.5rem; line-height: 1; bottom: 1px; left: -4px; position: absolute; } /* line 147, ../../../../src/scss/common/_nav-main.scss */ #nav-primary-wrapper .dropdown-toggle a span { text-decoration: none; } /* Sub NavigationSub navigation appears in a column on the left hand side of all views except the homepages. The first level node is displayed at the top of the column, with second level nodes listed beneath. These can be expanded to show further navigation levels. In order to ensure user orientation and a clear design, a maximum of four navigation levels will be implemented. If node names are longer than one row, they wrap automatically at the nearest space. If, for example, a row has a width of 20 characters, the sentence “ETF Exchange Traded Funds” would be split across two lines, the split occurring after “Traded”. Where the length of a word exceeds the width of a row, this automatic wrapping is not possible as there are no spaces. In these cases it can be manually wrapped by editorial staff. The manual wrap is created using a soft hyphen “”. Furthermore, LinkedIn, Xing, Twitter and facebook icons link to the Xetra or Cash Market social media presence. The set of available social media icons needs to be generated by ]init[. The list of the mentioned social media icons can be freely editored via Core Media and extended or reduced on demand.
Styleguide 2.2 Sub Navigation */ /* line 11, ../../../../src/scss/common/_nav-secondary.scss */ #subNavigation { font-size: 17px; font-size: 1.0625rem; font-family: "newsGothic_light", Arial, Verdana, Helvetica, sans-serif; } /* line 13, ../../../../src/scss/common/_nav-secondary.scss */ #subNavigation.box .container { background: none; border: none; } /* line 19, ../../../../src/scss/common/_nav-secondary.scss */ #subNavigation h3 { color: #009; margin-bottom: 10px; } /* line 32, ../../../../src/scss/common/_nav-secondary.scss */ #subNavigation li { margin-left: 14px; } /* line 34, ../../../../src/scss/common/_nav-secondary.scss */ #subNavigation li + li { border-top: 1px solid #d4d4d4; } /* line 35, ../../../../src/scss/common/_nav-secondary.scss */ #subNavigation li a { color: #969696; display: block; padding: 7px 0; word-wrap: break-word; } /* line 40, ../../../../src/scss/common/_nav-secondary.scss */ #subNavigation li a:hover, #subNavigation li a:active, #subNavigation li a:focus { text-decoration: none; } /* line 43, ../../../../src/scss/common/_nav-secondary.scss */ #subNavigation li a.active, #subNavigation li a.active-target, #subNavigation li a.active_target { color: #009; } /* line 47, ../../../../src/scss/common/_nav-secondary.scss */ #subNavigation li a.active:before, #subNavigation li a.active-target:before, #subNavigation li a.active_target:before { color: #009; } /* line 49, ../../../../src/scss/common/_nav-secondary.scss */ #subNavigation li a:hover, #subNavigation li a:focus { color: #009; } /* line 51, ../../../../src/scss/common/_nav-secondary.scss */ #subNavigation li a:hover:before, #subNavigation li a:focus:before { color: #009; } /* line 56, ../../../../src/scss/common/_nav-secondary.scss */ #subNavigation li a:before { font-size: 22px; font-size: 1.375rem; color: #333; position: absolute; margin-left: -23px; } /* line 65, ../../../../src/scss/common/_nav-secondary.scss */ #subNavigation li ul { padding: 4px 0 10px; margin-bottom: -1px; z-index: 1; background: #fff; } /* Meta NavigationThe meta navigation is positioned in the header and footer area of the page. Its position and content are fixed and stay the same on all views. The meta navigation contains links (e.g. contact or log-in to Member Section), dropdown menus (e.g. the overall language switch). The meta navigation does not contain search elements. Location, date and time are displayed throughout the whole website.
Styleguide 2.3 Meta Navigation */ /* line 15, ../../../../src/scss/common/_nav-meta.scss */ ul.nav-meta { font-size: 13px; font-size: 0.8125rem; } /* line 19, ../../../../src/scss/common/_nav-meta.scss */ ul.nav-meta > li { display: inline-block; padding-left: 15px; } /* line 24, ../../../../src/scss/common/_nav-meta.scss */ ul.nav-meta > li.first, ul.nav-meta > li:first-child { padding-left: 0; } /* line 27, ../../../../src/scss/common/_nav-meta.scss */ ul.nav-meta > li > a { padding: 5px 0 7px 0; display: inline-block; } /* line 32, ../../../../src/scss/common/_nav-meta.scss */ ul.nav-meta > li.dropdown > a { padding-right: 19px; } /* line 34, ../../../../src/scss/common/_nav-meta.scss */ ul.nav-meta > li.dropdown > a > span { white-space: nowrap; } /* line 38, ../../../../src/scss/common/_nav-meta.scss */ ul.nav-meta > li.dropdown > a:after { position: absolute; right: -4px; margin-top: -3px; } /* line 50, ../../../../src/scss/common/_nav-meta.scss */ ul.nav-meta.groupWideMetaNav a { color: #656E77; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ ul.nav-meta.groupWideMetaNav a:hover { color: #009; } /* line 53, ../../../../src/scss/common/_nav-meta.scss */ ul.nav-meta .dropdown { position: relative; } /* line 56, ../../../../src/scss/common/_nav-meta.scss */ .current-datetime { font-size: 13px; font-size: 0.8125rem; color: #656E77; padding: 0 0 7px 0; } /* SearchThe meta navigation is positioned in the header and footer area of the page. Its position and content are fixed and stay the same on all views. The meta navigation contains links (e.g. contact or log-in to Member Section), dropdown menus (e.g. the overall language switch). The meta navigation does not contain search elements. Location, date and time are displayed throughout the whole website.
Styleguide 2.4 Search */ /* line 15, ../../../../src/scss/common/_nav-search.scss */ ul.nav-search { line-height: 1; } /* line 19, ../../../../src/scss/common/_nav-search.scss */ ul.nav-search .open .dropdown-toggle { border-color: #009; } /* line 21, ../../../../src/scss/common/_nav-search.scss */ ul.nav-search > li { display: inline-block; } /* line 24, ../../../../src/scss/common/_nav-search.scss */ ul.nav-search > li > a { font-size: 16px; font-size: 1rem; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; display: inline-block; padding: 17px 15px 15px; color: #656E77; border-bottom: 5px solid transparent; } /* line 32, ../../../../src/scss/common/_nav-search.scss */ ul.nav-search > li > a:hover > span, ul.nav-search > li > a:active > span, ul.nav-search > li > a:focus > span { text-decoration: none; } /* line 36, ../../../../src/scss/common/_nav-search.scss */ ul.nav-search > li > a:hover, ul.nav-search > li > a:focus { color: #009; border-color: #009; } /* line 42, ../../../../src/scss/common/_nav-search.scss */ ul.nav-search > li > a.icon { padding-left: 33px; position: relative; } /* line 47, ../../../../src/scss/common/_nav-search.scss */ ul.nav-search > li > a.icon:before { font-size: 24px; font-size: 1.5rem; position: absolute; left: 7px; margin-top: -5px; } /* line 55, ../../../../src/scss/common/_nav-search.scss */ ul.nav-search > li:last-child > a { padding-right: 25px; } /* line 57, ../../../../src/scss/common/_nav-search.scss */ ul.nav-search > li + li { background: transparent url(/blob/2527344/2c2a306ebe0262015212fc5d39617916/data/bg-nav-main-divider.gif.gif) left bottom no-repeat; } /* line 59, ../../../../src/scss/common/_nav-search.scss */ ul.nav-search > li .dropdown-menu { padding: 20px 20px 50px 20px; position: absolute; right: 0; left: auto; color: #fff; background: #009; width: 310px; -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.7); -ms-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.7); -o-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.7); box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.7); } /* line 70, ../../../../src/scss/common/_nav-search.scss */ ul.nav-search > li .dropdown-menu .title { font-size: 32px; font-size: 2rem; font-family: "newsGothic_light", Arial, Verdana, Helvetica, sans-serif; color: #fff; } /* line 75, ../../../../src/scss/common/_nav-search.scss */ ul.nav-search > li .dropdown-menu a { color: #fff; } /* ** 5.3 Breadcrumbs ** */ /* line 3, ../../../../src/scss/common/_nav-breadcrumb.scss */ body { overflow: auto; width: 100%; } /* line 5, ../../../../src/scss/common/_nav-breadcrumb.scss */ #breadcrumb { padding: 0 25px 0; margin: -10px 0; } /* line 10, ../../../../src/scss/common/_nav-breadcrumb.scss */ .nav-breadcrumb { font-size: 14px; font-size: 0.875rem; } /* line 15, ../../../../src/scss/common/_nav-breadcrumb.scss */ .nav-breadcrumb li, .nav-breadcrumb a, .nav-breadcrumb strong { vertical-align: middle; } /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ .nav-breadcrumb li:before, .nav-breadcrumb li:after { color: #fff; } /* line 21, ../../../../src/scss/common/_nav-breadcrumb.scss */ .nav-breadcrumb li > a, .nav-breadcrumb li strong { padding: 0 .25em; } /* line 24, ../../../../src/scss/common/_nav-breadcrumb.scss */ .nav-breadcrumb li:first-child > a { padding-left: 0; } /* line 29, ../../../../src/scss/common/_nav-breadcrumb.scss */ .nav-breadcrumb a { color: #fff; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .nav-breadcrumb a:hover { color: #fff; } /* line 32, ../../../../src/scss/common/_nav-breadcrumb.scss */ .nav-breadcrumb a:hover, .nav-breadcrumb a:active, .nav-breadcrumb a:focus { text-decoration: underline; } /* line 37, ../../../../src/scss/common/_nav-breadcrumb.scss */ .nav-breadcrumb strong { cursor: default; color: #fff; } /* line 42, ../../../../src/scss/common/_nav-breadcrumb.scss */ .nav-breadcrumb .icon:after, .nav-breadcrumb .fancybox-prev span:after, .fancybox-prev .nav-breadcrumb span:after, .nav-breadcrumb .fancybox-next span:after, .fancybox-next .nav-breadcrumb span:after, .nav-breadcrumb .icon:before, .nav-breadcrumb .fancybox-prev span:before, .fancybox-prev .nav-breadcrumb span:before, .nav-breadcrumb .fancybox-next span:before, .fancybox-next .nav-breadcrumb span:before { margin: 0; padding: 0; } /* line 5, ../../../../src/scss/common/_nav-pager.scss */ .nav-page { margin-bottom: 1px; display: inline-block; } /* line 10, ../../../../src/scss/common/_nav-pager.scss */ .nav-page li { display: inline-block; } /* line 12, ../../../../src/scss/common/_nav-pager.scss */ .nav-page .prev button, .nav-page .next button { padding: 0; margin: 0; border: 0; } /* line 19, ../../../../src/scss/common/_nav-pager.scss */ .nav-page .prev button.icon:before, .nav-page .prev button.icon:after, .nav-page .next button.icon:before, .nav-page .next button.icon:after { font-size: 24px; font-size: 1.5rem; display: inline-block; margin-top: -3px; } /* line 26, ../../../../src/scss/common/_nav-pager.scss */ .nav-page .prev button[disabled=disabled], .nav-page .next button[disabled=disabled] { display: none; } /* line 29, ../../../../src/scss/common/_nav-pager.scss */ .nav-page button { font-size: 15px; font-size: 0.9375rem; background: none; border: 0; cursor: pointer; color: #707880; margin: 0 7px; padding: 0 1px; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; padding-bottom: 2px; border-bottom: 3px solid #fff; } /* line 42, ../../../../src/scss/common/_nav-pager.scss */ .nav-page button:hover, .nav-page button.disabled, .nav-page button:hover .icon:before, .nav-page button:hover .fancybox-prev span:before, .fancybox-prev .nav-page button:hover span:before, .nav-page button:hover .fancybox-next span:before, .fancybox-next .nav-page button:hover span:before { border-color: #009; color: #009; } /* line 49, ../../../../src/scss/common/_nav-pager.scss */ .nav-page button.disabled, .nav-page button[disabled=disabled] { cursor: default; } /* line 60, ../../../../src/scss/common/_nav-pager.scss */ .pagination .mediaListSwitcher { position: relative; display: inline-block; margin: 0 16px 0 -7px; padding-right: 8px; } /* line 69, ../../../../src/scss/common/_nav-pager.scss */ .pagination .mediaListSwitcher .icon, .pagination .mediaListSwitcher .fancybox-prev span, .fancybox-prev .pagination .mediaListSwitcher span, .pagination .mediaListSwitcher .fancybox-next span, .fancybox-next .pagination .mediaListSwitcher span { margin-right: 3px; padding: 0; } /* line 73, ../../../../src/scss/common/_nav-pager.scss */ .pagination .mediaListSwitcher .icon.active:before, .pagination .mediaListSwitcher .fancybox-prev span.active:before, .fancybox-prev .pagination .mediaListSwitcher span.active:before, .pagination .mediaListSwitcher .fancybox-next span.active:before, .fancybox-next .pagination .mediaListSwitcher span.active:before { color: #009; } /* line 78, ../../../../src/scss/common/_nav-pager.scss */ .pagination .mediaListSwitcher:after { display: block; position: absolute; bottom: -4px; right: 0; width: 1px; height: 18px; content: ""; background-color: #d4d4d4; } /* line 90, ../../../../src/scss/common/_nav-pager.scss */ .pagination .pagination { display: inline-block; } /* Navigation Markup: Styleguide 5.0 Navigation */ /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ ul.nav-socials a:before, ul.nav-socials a:after { color: #333; } /* line 20, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ ul.nav-socials a:hover:before, ul.nav-socials a:hover:after { color: #009; } /* line 27, ../../../../src/scss/common/_nav-socials.scss */ ul.nav-socials > li { display: inline-block; } /* line 29, ../../../../src/scss/common/_nav-socials.scss */ ul.nav-socials > li + li { padding-left: 10px; } /* line 33, ../../../../src/scss/common/_nav-socials.scss */ #supplement > h3.eurexon { margin-bottom: 10px; } /* Letter IndexThe meta navigation is positioned in the header and footer area of the page. Its position and content are fixed and stay the same on all views. The meta navigation contains links (e.g. contact or log-in to Member Section), dropdown menus (e.g. the overall language switch). The meta navigation does not contain search elements. Location, date and time are displayed throughout the whole website.
Styleguide 2.60 Letter Index */ /* line 13, ../../../../src/scss/common/_nav-letterIndex.scss */ .nav-letterIndex { margin: 0 0 30px; padding-bottom: 0; border-bottom: 1px solid #d4d4d4; } /* line 19, ../../../../src/scss/common/_nav-letterIndex.scss */ .nav-letterIndex .letterBtn { font-size: 16px; font-size: 1rem; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; color: #747474; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; min-width: 1em; padding: 0 0 5px; margin-right: 9px; border: 0; background: #fff; border-bottom: 3px solid transparent; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .nav-letterIndex .letterBtn:hover { color: #009; } /* line 33, ../../../../src/scss/common/_nav-letterIndex.scss */ .nav-letterIndex .letterBtn:hover, .nav-letterIndex .letterBtn:focus { background: #fff; border-color: #009; } /* line 40, ../../../../src/scss/common/_nav-letterIndex.scss */ .nav-letterIndex .letterBtn.disabled { color: #747474; cursor: default; opacity: .5; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .nav-letterIndex .letterBtn.disabled:hover { color: #747474; } /* line 45, ../../../../src/scss/common/_nav-letterIndex.scss */ .nav-letterIndex .letterBtn.disabled:hover, .nav-letterIndex .letterBtn.disabled:focus { border-color: transparent; } /* line 50, ../../../../src/scss/common/_nav-letterIndex.scss */ .nav-letterIndex .letterBtn.active { color: #009; border-color: #009; cursor: default; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .nav-letterIndex .letterBtn.active:hover { color: #009; } /* line 57, ../../../../src/scss/common/_nav-letterIndex.scss */ .nav-letterIndex .letterBtn.all { float: right; margin-right: 0; } /* line 3, ../../../../src/scss/common/_main-content.scss */ #content h2.main-title { margin-top: 0; margin-bottom: 1em; } /* line 8, ../../../../src/scss/common/_main-content.scss */ #content h2.main-title + .description { margin-bottom: 2em; } /* line 10, ../../../../src/scss/common/_main-content.scss */ #content blockquote { padding: 15px 35px 15px 45px; background: #f0f0f0; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-size: 1rem; position: relative; } /* line 18, ../../../../src/scss/common/_main-content.scss */ #content blockquote:before, #content blockquote:after { font-size: 55px; font-size: 3.4375rem; position: absolute; opacity: .2; line-height: 55px; } /* line 26, ../../../../src/scss/common/_main-content.scss */ #content blockquote:before { left: 8px; top: 8px; content: "“"; } /* line 27, ../../../../src/scss/common/_main-content.scss */ #content blockquote:after { right: 8px; bottom: 14px; content: "„"; } /* line 30, ../../../../src/scss/common/_main-content.scss */ #content .paragraph:first-child { margin: 0 0 .5em 0; } /* line 33, ../../../../src/scss/common/_main-content.scss */ #content .paragraph:first-child img { margin: 0 0 .5em 0; } /* line 36, ../../../../src/scss/common/_main-content.scss */ #content .text-highlight { color: #009; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; margin: 1.5em 0; } /* line 45, ../../../../src/scss/common/_main-content.scss */ .detailView > .container > h3 { margin: 1em 0; } /* line 47, ../../../../src/scss/common/_main-content.scss */ div p, div h3, div.addressDetails, dl.list, ol.rte--list, ul.rte--list { margin-bottom: 20px; } /* line 54, ../../../../src/scss/common/_main-content.scss */ div.paragraph dl, div.paragraph p, div.paragraph h3, div.paragraph div.addressDetails, div.paragraph ul.rte--list { margin-bottom: 0px; } /* line 63, ../../../../src/scss/common/_main-content.scss */ .listview .topline, .detailView .topline { margin-bottom: 1em; max-width: 80%; } /* line 64, ../../../../src/scss/common/_main-content.scss */ .listview .topline, .listview .subtitle, .detailView .topline, .detailView .subtitle { color: #606060; display: block; } /* line 4, ../../../../src/scss/common/_main-content-rte.scss */ #content .p--heading-1, #content .p--heading-2, #content .p--heading-3, #content .p--heading-4, #content .p--heading-5, #content .p--heading-6 { color: #009; font-family: "newsGothic_light", Arial, Verdana, Helvetica, sans-serif; font-weight: normal; margin: 1.5em 0 1em; } /* line 16, ../../../../src/scss/common/_main-content-rte.scss */ #content .p--heading-1 { font-size: 18px; font-size: 1.125rem; } /* line 17, ../../../../src/scss/common/_main-content-rte.scss */ #content .p--heading-2 { font-size: 16px; font-size: 1rem; } /* line 18, ../../../../src/scss/common/_main-content-rte.scss */ #content .p--heading-3 { font-size: 15px; font-size: 0.9375rem; } /* line 21, ../../../../src/scss/common/_main-content-rte.scss */ #content .paragraph { margin: 1em 0; } /* line 23, ../../../../src/scss/common/_main-content-rte.scss */ #content .paragraph:first-child { margin-top: 0; } /* line 31, ../../../../src/scss/common/_main-content-rte.scss */ #content .detailText > .paragraph > div .rte--list > li > a, #content .item-content > .paragraph > div .rte--list > li > a, #content .paragraph > div > p > a, #content .paragraph > div > a { color: #009; } /* line 4, ../../../../src/scss/common/_search-facets.scss */ .facets .container { background: #f0f0f0; padding: 25px; } /* line 9, ../../../../src/scss/common/_search-facets.scss */ .facets .container > .title { font-size: 17px; font-size: 1.0625rem; margin: 0 0 20px 0; } /* line 14, ../../../../src/scss/common/_search-facets.scss */ .facets .container .facet { font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; word-break: break-word; } /* line 22, ../../../../src/scss/common/_search-facets.scss */ .facets .container .facet + .facet h3 { border-top: 1px solid #fff; padding: 9px 0 8px; } /* line 27, ../../../../src/scss/common/_search-facets.scss */ .facets .container .facet > h3 { margin: 0 0 0 20px; color: #666F78; padding: 0 0 8px; font-size: 15px; font-size: 0.9375rem; } /* line 34, ../../../../src/scss/common/_search-facets.scss */ .facets .container .facet > h3 .icon, .facets .container .facet > h3 .fancybox-prev span, .fancybox-prev .facets .container .facet > h3 span, .facets .container .facet > h3 .fancybox-next span, .fancybox-next .facets .container .facet > h3 span { font-size: 22px; font-size: 1.375rem; margin: -5px 0 0 -25px; } /* line 41, ../../../../src/scss/common/_search-facets.scss */ .facets .container .facet > h3.toggleBtn { cursor: pointer; } /* line 54, ../../../../src/scss/common/_search-facets.scss */ .facets .container .facet > .list { margin-bottom: 20px; } /* line 58, ../../../../src/scss/common/_search-facets.scss */ .facets .container .facet .list .list-item { position: relative; padding-left: 19px; margin: 4px 0; } /* line 64, ../../../../src/scss/common/_search-facets.scss */ .facets .container .facet .list .list-item .toggleBtn { position: absolute; padding: 10px 4px; left: 0; cursor: pointer; font-size: 10px; font-size: 0.625rem; color: #8C939A; line-height: 0; } /* line 76, ../../../../src/scss/common/_search-facets.scss */ .facets .container .facet .list .list-item button { font-size: 12px; font-size: 0.75rem; background: none; background: transparent url(/blob/2527406/a4aeb9b0254c8455a324756ac5280069/data/checkbox.svg.svg) left top no-repeat; border: 0; cursor: pointer; margin: 0; padding: 0 0 0 22px; text-align: left; color: #404B56; } /* line 87, ../../../../src/scss/common/_search-facets.scss */ .facets .container .facet .list .list-item button .count { font-size: 12px; font-size: 0.75rem; } /* line 89, ../../../../src/scss/common/_search-facets.scss */ .facets .container .facet .list .list-item button.disabled { cursor: default; border-bottom: 2px solid #009; color: #009; } /* line 98, ../../../../src/scss/common/_search-facets.scss */ .facets .container .facet .list .list-item.selected button { color: #009; background: transparent url(/blob/2527408/9c1f74b099d929c457f36a12114f2bb2/data/checkbox-checked.svg.svg) left top no-repeat; } /* Price SearchOn click on the magnifier icon or “Price”, the layer opens with a text field for product names, ISIN and WKN as well as a dropdown menu for refining the request (as on the current xetra.com website). When executing the search a new window opens the respective Börse Frankfurt website with the search results./p> Styleguide 2.41 Price Search */ /* line 16, ../../../../src/scss/common/_search-priceSearch.scss */ .price-search > div, .text-search > div { margin-bottom: 20px; } /* line 21, ../../../../src/scss/common/_search-priceSearch.scss */ .price-search form input, .text-search form input, .price-search form select, .text-search form select, .price-search form .quickGuide.dropdown > .dropdown-toggle, .text-search form .quickGuide.dropdown > .dropdown-toggle { width: 100%; display: block; margin-bottom: 20px; } /* line 27, ../../../../src/scss/common/_search-priceSearch.scss */ .price-search form button, .text-search form button { float: left; } /* line 29, ../../../../src/scss/common/_search-priceSearch.scss */ .price-search form p, .text-search form p { float: right; width: 70%; font-size: 12px; font-size: 0.75rem; } /* line 34, ../../../../src/scss/common/_search-priceSearch.scss */ .price-search form p a, .text-search form p a { text-decoration: underline; } /* line 39, ../../../../src/scss/common/_search-priceSearch.scss */ .price-search form#priceSearchForm select, .text-search form#priceSearchForm select, .price-search form#priceSearchForm .quickGuide.dropdown > .dropdown-toggle, .text-search form#priceSearchForm .quickGuide.dropdown > .dropdown-toggle { display: none; } /* Text Search
The meta navigation is positioned in the header and footer area of the page. Its position and content are fixed and stay the same on all views. The meta navigation contains links (e.g. contact or log-in to Member Section), dropdown menus (e.g. the overall language switch). The meta navigation does not contain search elements. Location, date and time are displayed throughout the whole website.
Styleguide 2.42 Text Search */ /* Special ViewsSpecial views have the same basic layout as the other views, but do not use the same templates due to their specialties.
Styleguide 5.6 Special Views */ /* SitemapThe sitemap displays automatically linked navigation nodes (maximum four levels).
In terms of functionality, the sitemap will match the Eurex sitemap.
The layout is going to correspond to the Cash Market/ Xetra entity design.
A variety of content elements for highlighting content will be implemented. This will give the CMDS editorial team greater flexibility for displaying special topics, products, news, services or other content. Depending on their function, content elements can be embedded in different view types. The use of these elements is explained in the following chapters.
Styleguide 6.0 Content Elements */ /* line 12, ../../../../src/scss/common/_CEs.scss */ .numberOfTheWeek .title, .linkListModule .title, .accordion .title, .trading-times .time-element h4 { font-size: 16px; font-size: 1rem; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; } /* line 17, ../../../../src/scss/common/_CEs.scss */ .teaserBox h2, .item-text h2.title, .teaserStandard h2.title, .teaserSpecial h2.title, #content div.teaserSpecial h2.title { font-size: 18px; font-size: 1.125rem; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; color: #009; margin-bottom: 1em; } /* Standard ModuleThe Standard Module can contain any kind of content, which will be chosen on the basis of strategic and editorial issues. The module can be used in different formats. For example, a picture can be shown in conjunction with a short plain text description. The Picture can be displayed above the text. Alternatively, the picture can be displayed in horizontal format where it is embedded in the text.
Markup:The Special Module is intended to announce special information, using a more attention-grabbing design in comparison to the Standard Module. The attributes are the same as in the Standard Module. If no superior node, e.g. a section node, is appropriate, the title is not linked.
Markup:JIRA Issue: CMDS-49 | JIRA Issue: CMDS-190
The Direct Contact element provides contact information for the section or the single view topic. The element contains only one entry. If more than one piece of contact information is needed multiple Direct Contact elements have to be displayed (a maximum of three elements is recommended). Editors assign content manually. Unused fields will be hidden.
The element can be configured within the content area or below the sub navigation on single views, overview pages and the Website Contacts list.
Each Direct Contact will be styled for at least two sizes (6col and 2col). Depending on If the Direct Contact provides an image the markeup and styling will be different.
Markup:Dr. Nicole Kulodrovic
Deutsche Börse | Xetra | [department]
[institution_topic]
Mergenthalerallee 61
Berlin
Germany
12345
Service times
from 9 a.m. to 5 p.m. CET
T +49 (0) 69 – 21 11 88 88
F +49 (0) 69 – 21 11 88 8
nicole.koludovic@deutsche-boerse.de ]init[ AGDr. Nicole Kulodrovic
Deutsche Börse | Xetra | [department]
[institution_topic]
Mergenthalerallee 61
Berlin
Germany
12345
Service times
from 9 a.m. to 5 p.m. CET
T +49 (0) 69 – 21 11 88 88
F +49 (0) 69 – 21 11 88 8
nicole.koludovic@deutsche-boerse.de ]init[ AGThe News List Module displays the most recent news items or articles. Content other than latest information is also possible. The lists are generated automatically and can be subscribed to by RSS. The titles of the tabs are defined manually. The links below the entries lead to the respective overall list views. If no superior list, e.g. the focus list, is appropriate, the link is not displayed. When JavaScript is disabled, all entries from the tabs are listed one below another with the respective titles.
Markup:Display material, articles or tools directly related to the article or special view.
If no further information is available, the element wont be rendered.
"Further Information" and the next element "Related Topic" (6.21) using an identical design.
Display links to related topics and information which may also be interesting for the user.
If no related information is available, the element wont be rendered.
The "Related Topic" module just @extend the styles already used for "Further Information" (6.20)
The Number of the Week Module features and links to an editorially defined node in an attention-grabbing way, by presenting an interesting number in large bold type. The number and content is manually created, so editorial work will be necessary. The title links to an editorially defined node, whereas the number links to the relevant article. If no superior node, e.g. a section node, is appropriate, the title is not linked.
Markup:With Deutsche Börese' Historical Data on Demand you gain direct access to our high-performance database with many terabytes.
The Most Popular Module provides links to popular content. The content of this module is filled manually. In order to keep the module clear and simple not more than five links should be displayed. Clicking on a title directs the user to the corresponding page. The Link List Module has the same functionalities as the Most Popular Module.
Markup:The Introduction Module contains a title and a description text, an optional image can be added. The module can be displayed on overview pages only since it should just give the user a short introduction to a specific topic. This module can also be inserted through tables.
Markup: Styleguide 6.16 Introduction Module */ /* line 25, ../../../../src/scss/common/_CE-introduction.scss */ .introduction { margin: 0 0 30px; } /* AccordionJIRA Issue: CMDS-179 | Styleguide 6.22 Accordion */ /* line 11, ../../../../src/scss/common/_CE-accordion.scss */ .accordion .title { color: #333; margin: 0; display: block; font-size: 100%; padding: 10px 25px 9px; border-top: 1px solid #d4d4d4; position: relative; /* Icon */ } /* line 25, ../../../../src/scss/common/_CE-accordion.scss */ .accordion .title:before { font-size: 24px; font-size: 1.5rem; margin: -0.12em 0 0 -6px; position: absolute; left: 0; } /* line 37, ../../../../src/scss/common/_CE-accordion.scss */ .accordion.ui-accordion .ui-accordion-header { color: #333; cursor: pointer; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .accordion.ui-accordion .ui-accordion-header:hover { color: #009; } /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ .accordion.ui-accordion .ui-accordion-header:before, .accordion.ui-accordion .ui-accordion-header:after { color: #333; } /* line 20, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ .accordion.ui-accordion .ui-accordion-header:hover:before, .accordion.ui-accordion .ui-accordion-header:hover:after { color: #009; } /* line 42, ../../../../src/scss/common/_CE-accordion.scss */ .accordion.ui-accordion .ui-accordion-content { padding: 10px 25px 25px; } /* Calendar
The Calendar Module displays a defined set of dates such as events, manual entries or trading calendar entries. ]init[ recommends that the three types of dates are not mixed within the module, to avoid confusing users. A tab interface can be configured by the CMDS editorial team to switch between the events, manual entries and trading calendars. In order to set the trading calendar as default, editors need to configure it as first item of the calendar module in the CMS. The module shows the current month, with the current day highlighted.
Markup: Styleguide 6.5 Calendar */ /* line 20, ../../../../src/scss/common/_CE-calendar.scss */ .calendar .month, .calendar .nav-month { text-align: center; } /* line 23, ../../../../src/scss/common/_CE-calendar.scss */ .calendar .nav-month { position: relative; margin: 20px 0; color: #606060; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; } /* line 32, ../../../../src/scss/common/_CE-calendar.scss */ .calendar .nav-month .icon, .calendar .nav-month .fancybox-prev span, .fancybox-prev .calendar .nav-month span, .calendar .nav-month .fancybox-next span, .fancybox-next .calendar .nav-month span { padding: 0; cursor: pointer; position: absolute; top: 0; margin-top: -5px; } /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ .calendar .nav-month .icon:before, .calendar .nav-month .fancybox-prev span:before, .fancybox-prev .calendar .nav-month span:before, .calendar .nav-month .fancybox-next span:before, .fancybox-next .calendar .nav-month span:before, .calendar .nav-month .icon:after, .calendar .nav-month .fancybox-prev span:after, .fancybox-prev .calendar .nav-month span:after, .calendar .nav-month .fancybox-next span:after, .fancybox-next .calendar .nav-month span:after { color: #333; } /* line 20, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ .calendar .nav-month .icon:hover:before, .calendar .nav-month .fancybox-prev span:hover:before, .fancybox-prev .calendar .nav-month span:hover:before, .calendar .nav-month .fancybox-next span:hover:before, .fancybox-next .calendar .nav-month span:hover:before, .calendar .nav-month .icon:hover:after, .calendar .nav-month .fancybox-prev span:hover:after, .fancybox-prev .calendar .nav-month span:hover:after, .calendar .nav-month .fancybox-next span:hover:after, .fancybox-next .calendar .nav-month span:hover:after { color: #009; } /* line 40, ../../../../src/scss/common/_CE-calendar.scss */ .calendar .nav-month .icon:before, .calendar .nav-month .fancybox-prev span:before, .fancybox-prev .calendar .nav-month span:before, .calendar .nav-month .fancybox-next span:before, .fancybox-next .calendar .nav-month span:before { font-size: 28px; font-size: 1.75rem; } /* line 42, ../../../../src/scss/common/_CE-calendar.scss */ .calendar .nav-month .icon.icon-next, .calendar .nav-month .fancybox-prev span.icon-next, .fancybox-prev .calendar .nav-month span.icon-next, .calendar .nav-month .fancybox-next span.icon-next, .fancybox-next .calendar .nav-month span.icon-next { right: -9px; } /* line 46, ../../../../src/scss/common/_CE-calendar.scss */ .calendar .nav-month .icon.icon-prev, .calendar .nav-month .fancybox-prev span.icon-prev, .fancybox-prev .calendar .nav-month span.icon-prev, .calendar .nav-month .fancybox-next span.icon-prev, .fancybox-next .calendar .nav-month span.icon-prev { left: -9px; } /* line 53, ../../../../src/scss/common/_CE-calendar.scss */ .calendar table.month { color: #606060; border: none; border-color: #ECECEC; background: none; } /* line 59, ../../../../src/scss/common/_CE-calendar.scss */ .calendar table.month th { font-size: 12px; font-size: 0.75rem; line-height: 1; padding-bottom: 10px; text-align: center; } /* line 66, ../../../../src/scss/common/_CE-calendar.scss */ .calendar table.month td { padding: 1px; background: #fff; } /* line 70, ../../../../src/scss/common/_CE-calendar.scss */ .calendar table.month td.today > * { border-color: #009; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; color: #7C8B00; } /* line 72, ../../../../src/scss/common/_CE-calendar.scss */ .calendar table.month td.today > *.clickable { border-color: #009; } /* line 80, ../../../../src/scss/common/_CE-calendar.scss */ .calendar table.month a, .calendar table.month button { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; cursor: default; text-decoration: none; font-family: "newsGothic_light", Arial, Verdana, Helvetica, sans-serif; color: #333; padding: .3em 0; background: #f0f0f0; border: 2px solid #f0f0f0; width: 100%; line-height: 1; display: block; } /* line 95, ../../../../src/scss/common/_CE-calendar.scss */ .calendar table.month a.clickable, .calendar table.month button.clickable { cursor: pointer; color: #7C8B00; background-color: #E4E7CB; border-color: #E4E7CB; } /* line 101, ../../../../src/scss/common/_CE-calendar.scss */ .calendar table.month a.clickable:hover, .calendar table.month a.clickable:focus, .calendar table.month button.clickable:hover, .calendar table.month button.clickable:focus { color: #fff; background-color: #009; border-color: #009; } /* line 109, ../../../../src/scss/common/_CE-calendar.scss */ .calendar table.month a.disabled, .calendar table.month button.disabled { cursor: default; } /* line 112, ../../../../src/scss/common/_CE-calendar.scss */ .calendar table.month tr:nth-child(odd) { background: transparent; } /* line 113, ../../../../src/scss/common/_CE-calendar.scss */ .calendar table.month tr { border: none; } /* line 114, ../../../../src/scss/common/_CE-calendar.scss */ .calendar table.month tr + tr { border: none; } /* Indices ModuleJIRA Issue: CMDS-40 | JIRA Issue: CMDS-578
This module gives an overview of the indices of several stocks. Five stocks can be displayed together with their current value and their performance in percentage terms. At the bottom of the module the current date is displayed. The data for the Indices Module is imported from an external provider. The stock’s title is linked to Börse Frankfurt where the user gets more information about the chosen index.
Markup: Markeup: Styleguide 6.6 Indices Module (Quotes) */ /* line 62, ../../../../src/scss/common/_CE-indices.scss */ .indices .title { font-size: 16px; font-size: 1rem; } /* line 64, ../../../../src/scss/common/_CE-indices.scss */ .indices .date { font-size: 12px; font-size: 0.75rem; color: #606060; padding-left: 8px; } /* line 71, ../../../../src/scss/common/_CE-indices.scss */ .indices .performance { position: relative; text-align: right; width: 5.5em; white-space: nowrap; } /* line 78, ../../../../src/scss/common/_CE-indices.scss */ .indices .performance .icon, .indices .performance .fancybox-prev span, .fancybox-prev .indices .performance span, .indices .performance .fancybox-next span, .fancybox-next .indices .performance span { position: absolute; margin-top: -.2em; left: 0; } /* line 80, ../../../../src/scss/common/_CE-indices.scss */ .indices .performance .icon:before, .indices .performance .fancybox-prev span:before, .fancybox-prev .indices .performance span:before, .indices .performance .fancybox-next span:before, .fancybox-next .indices .performance span:before { font-size: 22px; font-size: 1.375rem; } /* line 86, ../../../../src/scss/common/_CE-indices.scss */ .indices .performance .percent { padding-left: 25px; } /* line 88, ../../../../src/scss/common/_CE-indices.scss */ .indices .performance .icon-arrow-up:before { color: #66a50c; } /* line 89, ../../../../src/scss/common/_CE-indices.scss */ .indices .performance .icon-arrow-down:before { color: #d24614; } /* line 90, ../../../../src/scss/common/_CE-indices.scss */ .indices .performance .icon-arrow-right:before { color: #666F78; } /* line 93, ../../../../src/scss/common/_CE-indices.scss */ .indices table.dataTable tr { border-color: #d4d4d4; } /* line 96, ../../../../src/scss/common/_CE-indices.scss */ .indices table.dataTable tr:last-child { border-bottom: none; } /* Trading times moduleThe trading time module provides the stock trading times for Xetra and Börse Frankfurt.
The trading times are populated by the CMDS editorial team and are not linked.
There is no data import needed. The module also contains the Xetra Auction Plan which can be downloaded on click.
JIRA Issue: CMDS-35 | Swiper (the used slider plugin) | Design
Markup:List views provide a concentrated presentation of homogenous documents concerning one topic, e.g. press releases. Lists are based on faceted search technology, providing information by applying multiple filters.
Styleguide 5.4 List Views (SV) */ /* LV Standard List Styleguide 5.4.1 LV Standard List */ /* line 19, ../../../../src/scss/common/_LVs.scss */ .listview .searchList { margin-bottom: 37px; } /* line 22, ../../../../src/scss/common/_LVs.scss */ .listview .searchList .results { font-size: 18px; font-size: 1.125rem; color: #009; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; margin: 25px 0; display: block; width: 100%; } /* line 34, ../../../../src/scss/common/_LVs.scss */ .listview .sort-options { margin-left: -3px; } /* line 36, ../../../../src/scss/common/_LVs.scss */ .listview .sort-options, .listview .hits-per-page { position: relative; padding-right: 16px; } /* line 42, ../../../../src/scss/common/_LVs.scss */ .listview .sort-options select, .listview .sort-options .quickGuide.dropdown > .dropdown-toggle, .listview .hits-per-page select, .listview .hits-per-page .quickGuide.dropdown > .dropdown-toggle { border-radius: 0; border: none; padding: 0 17px 0 0; margin: 0; } /* line 51, ../../../../src/scss/common/_LVs.scss */ .listview .sort-options + .hits-per-page { padding-left: 16px; } /* line 56, ../../../../src/scss/common/_LVs.scss */ .listview .pagination-divider { background-color: #d4d4d4; bottom: -5px; content: ""; display: block; height: 18px; left: 0; overflow: hidden; position: absolute; width: 1px; } /* line 68, ../../../../src/scss/common/_LVs.scss */ .listview .list-switcher { float: left; position: relative; z-index: 1; padding-right: 15px; margin-right: 15px; } /* line 75, ../../../../src/scss/common/_LVs.scss */ .listview .list-switcher .viewmode { padding: 0 5px; } /* line 77, ../../../../src/scss/common/_LVs.scss */ .listview .list-switcher .icon, .listview .list-switcher .fancybox-prev span, .fancybox-prev .listview .list-switcher span, .listview .list-switcher .fancybox-next span, .fancybox-next .listview .list-switcher span { padding: 0; margin-left: -3px; } /* line 80, ../../../../src/scss/common/_LVs.scss */ .listview .list-switcher .icon:before, .listview .list-switcher .fancybox-prev span:before, .fancybox-prev .listview .list-switcher span:before, .listview .list-switcher .fancybox-next span:before, .fancybox-next .listview .list-switcher span:before, .listview .list-switcher .icon:after, .listview .list-switcher .fancybox-prev span:after, .fancybox-prev .listview .list-switcher span:after, .listview .list-switcher .fancybox-next span:after, .fancybox-next .listview .list-switcher span:after { font-size: 24px; font-size: 1.5rem; } /* line 84, ../../../../src/scss/common/_LVs.scss */ .listview .list-switcher .icon + .icon, .listview .list-switcher .fancybox-prev span + .icon, .fancybox-prev .listview .list-switcher span + .icon, .listview .list-switcher .fancybox-next span + .icon, .fancybox-next .listview .list-switcher span + .icon, .listview .list-switcher .fancybox-prev .icon + span, .fancybox-prev .listview .list-switcher .icon + span, .listview .list-switcher .fancybox-prev span + span, .fancybox-prev .listview .list-switcher span + span, .listview .list-switcher .fancybox-next .fancybox-prev span + span, .fancybox-prev .fancybox-next .listview .list-switcher span + span, .listview .list-switcher .fancybox-next .icon + span, .fancybox-next .listview .list-switcher .icon + span, .listview .list-switcher .fancybox-prev .fancybox-next span + span, .fancybox-next .listview .list-switcher .fancybox-prev span + span, .fancybox-prev .listview .list-switcher .fancybox-next span + span, .fancybox-next .fancybox-prev .listview .list-switcher span + span, .listview .list-switcher .fancybox-next span + span, .fancybox-next .listview .list-switcher span + span { margin-left: 5px; } /* line 88, ../../../../src/scss/common/_LVs.scss */ .listview .list-switcher:after { display: block; position: absolute; bottom: -5px; right: 0; width: 1px; height: 18px; content: ""; background-color: #d4d4d4; } /* line 102, ../../../../src/scss/common/_LVs.scss */ .listview .pagination { font-size: 15px; font-size: 0.9375rem; } /* line 107, ../../../../src/scss/common/_LVs.scss */ .listview .pagination > * { display: inline-block; } /* line 109, ../../../../src/scss/common/_LVs.scss */ .listview .pagination.pagination-bottom { text-align: right; padding-top: 8px; border-top: 1px solid #d4d4d4; } /* line 119, ../../../../src/scss/common/_LVs.scss */ .listview .pagination-top { position: relative; padding-bottom: 4px; border-bottom: 1px solid #d4d4d4; } /* line 125, ../../../../src/scss/common/_LVs.scss */ .listview .pagination-top .nav-page { position: absolute; right: 0; bottom: -1px; } /* line 142, ../../../../src/scss/common/_LVs.scss */ .no-js .listview .hits-per-page, .no-js .listview .sort-options { padding-right: 0; width: 50%; margin: 0; } /* line 148, ../../../../src/scss/common/_LVs.scss */ .no-js .listview .hits-per-page [type="submit"], .no-js .listview .sort-options [type="submit"] { margin: 8px 0 15px; width: 100%; border-color: transparent; background: #f2f2ee; color: #707880; } /* line 155, ../../../../src/scss/common/_LVs.scss */ .no-js .listview .hits-per-page [type="submit"]:hover, .no-js .listview .hits-per-page [type="submit"]:focus, .no-js .listview .sort-options [type="submit"]:hover, .no-js .listview .sort-options [type="submit"]:focus { color: #fff; background: #009; } /* line 163, ../../../../src/scss/common/_LVs.scss */ .no-js .listview .sort-options { padding-right: 16px; } /* line 165, ../../../../src/scss/common/_LVs.scss */ .no-js .listview .pagination-divider { top: 5px; height: 60px; } /* line 171, ../../../../src/scss/common/_LVs.scss */ .no-js .listview .pagination-top { padding-bottom: 0; } /* line 174, ../../../../src/scss/common/_LVs.scss */ .no-js .listview .pagination-top .nav-page { position: relative; display: inline-block; width: 100%; text-align: right; } /* Single Views (SV)Single views are the most detailed views, displaying a variety of editorial content.
There are several types of single views, each one tailored specifically to the type of content to be displayed.
This is explained further in this chapter.
The new websites make it easier for users to register for events. An external link for the respective event can be shown in the upper part of the view and has to be assigned manually. If the Event view is content heavy, it is recommended to the content editor to embed the external link again in the rich text so that users can directly jump to the registration without having to scroll to the top of the page.
The event location will be displayed either on a standard Google map or on an Open Street map according to Deutsche Börse data protection standards. The geographic coordinates and the zoom level need to be edited in the CMS by the CMDS editorial team.
Styleguide 5.3.11 SV Event */ /* line 26, ../../../../src/scss/common/_SVs.scss */ h2.main-title + .paragraph.desciption { margin-bottom: 40px; } /* line 36, ../../../../src/scss/common/_SVs.scss */ .sv-listing-partner .ourExpertise { float: right; width: 219px; border-left: 1px solid #d4d4d4; padding-left: 30px; margin: 0 0 20px 40px; min-height: 194px; } /* line 44, ../../../../src/scss/common/_SVs.scss */ .sv-listing-partner .ourExpertise li { line-height: 1.6; } /* line 45, ../../../../src/scss/common/_SVs.scss */ .sv-listing-partner .ourExpertise h3 { font-size: 18px; font-size: 1.125rem; margin: 0 0 15px 0; } /* line 51, ../../../../src/scss/common/_SVs.scss */ .sv-listing-partner > .logos { margin: 0 0 2em 0; } /* line 57, ../../../../src/scss/common/_SVs.scss */ .sv-listing-partner .logo { float: left; max-width: 25%; } /* line 60, ../../../../src/scss/common/_SVs.scss */ .sv-listing-partner .logo + .logo { float: right; } /* line 66, ../../../../src/scss/common/_SVs.scss */ .sv-specialist, .sv-sponsor, .sv-issuer, .sv-listing-partner { position: relative; } /* line 73, ../../../../src/scss/common/_SVs.scss */ .sv-specialist > .logo, .sv-sponsor > .logo, .sv-issuer > .logo, .sv-listing-partner > .logo { float: right; margin: 0 0 20px 20px; max-width: 25%; } /* line 79, ../../../../src/scss/common/_SVs.scss */ .sv-specialist .tabs, .sv-sponsor .tabs, .sv-issuer .tabs, .sv-listing-partner .tabs { clear: both; } /* line 80, ../../../../src/scss/common/_SVs.scss */ .sv-specialist .tabs-nav, .sv-sponsor .tabs-nav, .sv-issuer .tabs-nav, .sv-listing-partner .tabs-nav { border-bottom: 1px solid #d4d4d4; } /* line 89, ../../../../src/scss/common/_SVs.scss */ .list.event-list { margin: 30px 0; } /* line 92, ../../../../src/scss/common/_SVs.scss */ .list.event-list + .event-list-location { margin-top: -30px; } /* line 95, ../../../../src/scss/common/_SVs.scss */ .detailText { margin-bottom: 30px; margin: 10px 0; } /* line 100, ../../../../src/scss/common/_SVs.scss */ .detailText img { margin: 10px 0; } /* line 102, ../../../../src/scss/common/_SVs.scss */ .detailText > *:first-child { margin-top: 0; } /* line 103, ../../../../src/scss/common/_SVs.scss */ .detailText > *:last-child { margin-bottom: 0; } /* SV Text CollectionText Collections are used to display content that is too large to be easily contained on a single page.
Content is separated into chapters.
Users can navigate through the pages using links at the top of the page,
or by using pagination buttons or the drop-down menu below the text.
Title, subtitle and description derive from the text collection document,
whereas the other information is edited in the text collection fragments.
The event location will be displayed either on a standard Google map or on an Open Street map according to Deutsche Börse data protection standards. The geographic coordinates and the zoom level need to be edited in the CMS by the CMDS editorial team.
Styleguide 5.3.11 SV Event */ /* line 17, ../../../../src/scss/common/_SV-event.scss */ dl.event-list { margin-bottom: 30px; } /* line 20, ../../../../src/scss/common/_SV-event.scss */ dl.event-list.event-list-location { border-top: 1px solid #d4d4d4; } /* line 22, ../../../../src/scss/common/_SV-event.scss */ dl.event-list dt { width: 25%; } /* line 23, ../../../../src/scss/common/_SV-event.scss */ dl.event-list dd { width: 75%; } /* line 27, ../../../../src/scss/common/_SV-event.scss */ dl.event-list.event-list-location dd span { padding-right: 4px; } /* line 29, ../../../../src/scss/common/_SV-event.scss */ dl.event-list.event-list-location dd span :after { content: ", "; } /* line 32, ../../../../src/scss/common/_SV-event.scss */ dl.event-list.event-list-location dd span:last-of-type { padding-right: 0; } /* line 34, ../../../../src/scss/common/_SV-event.scss */ dl.event-list.event-list-location dd span:last-of-type :after { content: ""; } /* line 37, ../../../../src/scss/common/_SV-event.scss */ dl.event-list.event-list-location dd .google-maps-locations { margin-top: 1.2em; } /* line 40, ../../../../src/scss/common/_SV-event.scss */ dl.event-list.event-list-location dd .google-maps-locations #map { height: 300px; } /* line 41, ../../../../src/scss/common/_SV-event.scss */ dl.event-list.event-list-location dd .google-maps-locations .caption-block { color: #333; font-size: 12px; font-size: 0.75rem; background: #fff; line-height: 1.4; padding-top: 10px; margin-top: 17px; } /* line 48, ../../../../src/scss/common/_SV-event.scss */ dl.event-list.event-list-location dd .google-maps-locations .caption-block > * { display: block; } /* line 59, ../../../../src/scss/common/_SV-event.scss */ .event-gallery { position: relative; margin: 30px auto; width: 100%; height: 530px; background-color: #f0f0f0; } /* line 67, ../../../../src/scss/common/_SV-event.scss */ .event-gallery .lightbox-image { width: 100%; height: 480px; text-align: center; } /* line 75, ../../../../src/scss/common/_SV-event.scss */ .event-gallery .lightbox-image > img { max-height: 100%; width: auto; vertical-align: bottom; } /* line 82, ../../../../src/scss/common/_SV-event.scss */ .event-gallery .caption { font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; line-height: 50px; padding: 0 100px 0 20px; } /* line 88, ../../../../src/scss/common/_SV-event.scss */ .event-gallery .slider-controler { background-color: #f0f0f0; position: absolute; bottom: 0; height: 50px; line-height: 50px; overflow: hidden; padding-right: 15px; right: 0; text-align: right; cursor: default; } /* line 100, ../../../../src/scss/common/_SV-event.scss */ .event-gallery .slider-controler > * { display: inline-block; color: #747474; } /* line 105, ../../../../src/scss/common/_SV-event.scss */ .event-gallery .slider-controler > *:before { color: #747474; } /* line 106, ../../../../src/scss/common/_SV-event.scss */ .event-gallery .slider-controler > *:hover:before { color: #009; } /* line 110, ../../../../src/scss/common/_SV-event.scss */ .event-gallery .slider-controler .icon-left { padding-right: 5px; } /* line 111, ../../../../src/scss/common/_SV-event.scss */ .event-gallery .slider-controler .icon-right { padding-left: 5px; } /* line 113, ../../../../src/scss/common/_SV-event.scss */ .event-gallery .slider-controler .counter { color: #747474; } /* SV Participants map Styleguide 5.6.4 Participants map */ /* line 11, ../../../../src/scss/common/_SV-participantsMap.scss */ .participantsMap .worldmapContent { position: relative; margin-bottom: 30px; } /* line 16, ../../../../src/scss/common/_SV-participantsMap.scss */ .participantsMap .worldmap-country, .participantsMap .worldmap-imagemap { position: absolute; top: 0; left: 0; } /* line 22, ../../../../src/scss/common/_SV-participantsMap.scss */ .participantsMap .worldmap-country { transition: opacity 0.2s; opacity: 0.2; } /* line 25, ../../../../src/scss/common/_SV-participantsMap.scss */ .participantsMap .worldmap-country.hover { opacity: 0.5; } /* line 28, ../../../../src/scss/common/_SV-participantsMap.scss */ .participantsMap .worldmap-country.selected { opacity: 1; } /* line 30, ../../../../src/scss/common/_SV-participantsMap.scss */ .participantsMap .worldmap-country.selected.hover { opacity: 0.7; } /* line 35, ../../../../src/scss/common/_SV-participantsMap.scss */ .participantsMap .worldmap-imagemap { opacity: 0; } /* IMPORT PLUGIN-STYLES (js-libs) * ========================================================================== */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ /* line 2, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } /* line 20, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } /* line 27, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* line 37, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-opened { z-index: 8030; } /* line 41, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } /* line 47, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-outer, .fancybox-inner { position: relative; } /* line 51, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-inner { overflow: hidden; } /* line 55, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } /* line 59, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } /* line 67, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } /* line 73, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-image { max-width: 100%; max-height: 100%; } /* line 78, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(fancybox_sprite.png); } /* line 82, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } /* line 94, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ #fancybox-loading div { width: 44px; height: 44px; background: url(fancybox_loading.gif) center center no-repeat; } /* line 100, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-close { position: absolute; top: 0; right: 0; width: 20px; height: 20px; cursor: pointer; z-index: 8040; background: #fff; color: #333; text-align: center; line-height: 20px; } /* line 10, ../../../../src/scss/utils/mixins/_link-underline.scss */ .fancybox-close:hover, .fancybox-close:active, .fancybox-close:focus { text-decoration: none; } /* line 114, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-close:hover { background: #009; -moz-box-shadow: 0px 0px 5px #333333; -webkit-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; color: #fff; } /* line 119, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-close:before { content: "\2013"; font-size: 18px; font-size: 1.125rem; color: inherit; } /* line 126, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: transparent; z-index: 8040; } /* line 139, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-prev { left: 0; } /* line 143, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-next { right: 0; } /* line 147, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-nav span { text-align: center; position: absolute; top: 50%; width: 48px; height: 48px; margin-top: -18px; cursor: pointer; z-index: 8040; } /* line 148, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-nav span:before { font-size: 48px; font-size: 3rem; color: #333; } /* line 167, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-prev span { left: -48px; } /* line 174, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-next span { right: -48px; } /* line 182, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-nav:hover span:before { color: #009; } /* line 186, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ /* line 198, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-lock { overflow: hidden !important; width: auto; } /* line 203, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-lock body { overflow: hidden !important; } /* line 207, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-lock-test { overflow-y: hidden !important; } /* line 211, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(fancybox_overlay.png); } /* line 221, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } /* line 227, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ /* line 234, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } /* line 242, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-opened .fancybox-title { visibility: visible; } /* line 246, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } /* line 255, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } /* line 271, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #333; } /* line 277, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-title-inside-wrap { padding-top: 10px; } /* line 281, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { /* line 296, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } /* line 301, ../../../../src/scss/js-libs/jquery-fancybox/source/_jquery.fancybox.custom.scss */ #fancybox-loading div { background-image: url(fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* * Swiper 2.6.1 * Mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/sliders/swiper/ * * Copyright 2010-2014, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under GPL & MIT * * Released on: May 6, 2014 */ /* line 15, ../../../../src/scss/js-libs/_idangerous.swiper.custom.scss */ .slider-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; } /* line 27, ../../../../src/scss/js-libs/_idangerous.swiper.custom.scss */ .slider-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* line 60, ../../../../src/scss/js-libs/_idangerous.swiper.custom.scss */ .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } /* line 68, ../../../../src/scss/js-libs/_idangerous.swiper.custom.scss */ .slide { float: left; } /* IE10 Windows Phone 8 Fixes */ /* line 71, ../../../../src/scss/js-libs/_idangerous.swiper.custom.scss */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } /* line 74, ../../../../src/scss/js-libs/_idangerous.swiper.custom.scss */ .swiper-wp8-vertical { -ms-touch-action: pan-x; } /* =============================================================== Your custom styles, here you need to specify container's and slide's sizes, pagination, etc. ================================================================*/ /* line 82, ../../../../src/scss/js-libs/_idangerous.swiper.custom.scss */ .slider-container { /* Specify Swiper's Size: */ width: 100%; height: 100%; /*width:200px; height: 100px;*/ } /* line 91, ../../../../src/scss/js-libs/_idangerous.swiper.custom.scss */ .slide { /* Specify Slides's Size: */ /*width: 100%; height: 100%;*/ } /* line 97, ../../../../src/scss/js-libs/_idangerous.swiper.custom.scss */ .slide-active { /* Specific active slide styling: */ } /* line 101, ../../../../src/scss/js-libs/_idangerous.swiper.custom.scss */ .slide-visible { /* Specific visible slide styling: */ } /* =============================================================== Pagination Styles ================================================================*/ /* line 108, ../../../../src/scss/js-libs/_idangerous.swiper.custom.scss */ .pagination-switch { /* Stylize pagination button: */ vertical-align: middle; background: #aaa; background: rgba(255, 255, 255, 0.8); border: 1px solid transparent; border-radius: 10px; cursor: pointer; display: inline-block; height: 10px; margin-right: 8px; opacity: 0.8; width: 10px; } /* line 124, ../../../../src/scss/js-libs/_idangerous.swiper.custom.scss */ .active-switch { /* Specific active button style: */ background: transparent; border: 1px solid #aaa; border-radius: 12px; cursor: default; height: 12px; width: 12px; } /* line 134, ../../../../src/scss/js-libs/_idangerous.swiper.custom.scss */ .visible-switch { /* Specific visible button style: */ } /*! jQuery UI - v1.11.4 - 2015-03-25 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, datepicker.css, menu.css, tabs.css * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ /* line 8, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-helper-hidden { display: none; } /* line 11, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* line 21, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } /* line 31, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } /* line 37, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-helper-clearfix:after { clear: both; } /* line 40, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } /* line 43, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; } /* line 53, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ /* line 60, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ /* line 69, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ /* line 81, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } /*.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; //margin: 2px 0 0 0; //padding: .5em .5em .5em .7em; //min-height: 0; // support: IE7 font-size: 100%; } /*.ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; }*/ /* line 114, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } /* line 120, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } /* line 125, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } /* line 129, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } /* line 136, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } /* line 140, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker .ui-datepicker-prev { left: 2px; } /* line 143, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker .ui-datepicker-next { right: 2px; } /* line 146, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } /* line 149, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker .ui-datepicker-next-hover { right: 1px; } /* line 152, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } /* line 161, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } /* line 166, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker .ui-datepicker-title select, .ui-datepicker .ui-datepicker-title .quickGuide.dropdown > .dropdown-toggle { font-size: 1em; margin: 1px 0; } /* line 170, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker select.ui-datepicker-month, .ui-datepicker .quickGuide.dropdown > .ui-datepicker-month.dropdown-toggle, .ui-datepicker select.ui-datepicker-year, .ui-datepicker .quickGuide.dropdown > .ui-datepicker-year.dropdown-toggle { width: 45%; } /* line 174, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } /* line 180, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } /* line 186, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker td { border: 0; padding: 1px; } /* line 190, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } /* line 197, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } /* line 205, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } /* line 213, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ /* line 218, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker.ui-datepicker-multi { width: auto; } /* line 221, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-multi .ui-datepicker-group { float: left; } /* line 224, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } /* line 228, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } /* line 231, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } /* line 234, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } /* line 237, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } /* line 241, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } /* line 244, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ /* line 251, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-rtl { direction: rtl; } /* line 254, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } /* line 258, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } /* line 262, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } /* line 266, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } /* line 270, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } /* line 273, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } /* line 276, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } /* line 280, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* line 285, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } /* line 292, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-menu .ui-menu { position: absolute; } /* line 295, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } /* line 304, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } /* line 311, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ /* line 317, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-menu-icons { position: relative; } /* line 320, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ /* line 325, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ /* line 334, ../../../../src/scss/js-libs/jquery-ui-1.11.4.custom/_jquery-ui.custom.scss */ .ui-menu .ui-menu-icon { left: auto; right: 0; } /*.ui-tabs { position: relative;// position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } */ /* JavaScript Modules Styleguide 8.0 JavaScript Modules */ /* nojs */ /* jquery UI Datepicker */ /* line 5, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker { -webkit-box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.8); -ms-box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.8); -o-box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.8); box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.8); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: 1px solid #dbdde0; background: #fff; padding: 6px 12px; margin: -1px 0; z-index: 10; } /* line 16, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker .ui-datepicker-header { color: #606060; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; } /* line 21, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { top: 0; margin-top: 1px; cursor: pointer; } /* line 29, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after { font-size: 28px; font-size: 1.75rem; } /* line 33, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { left: -3px; } /* line 38, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker .ui-datepicker-header .ui-datepicker-next { right: -3px; } /* line 44, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker a.ui-datepicker-next, .ui-datepicker a.ui-datepicker-prev { text-decoration: none; } /* line 47, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker a.ui-datepicker-next:hover, .ui-datepicker a.ui-datepicker-prev:hover { text-decoration: none; } /* line 50, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker table { color: #333; border-color: #DADEDE; background: none; border: none; } /* line 57, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker table th { font-size: 13px; font-size: 0.8125rem; padding-bottom: 10px; text-align: center; font-weight: normal; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; } /* line 65, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker table td { padding: 1px; background: #fff; } /* line 70, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker table td.ui-datepicker-today a, .ui-datepicker table td.ui-datepicker-today span { border-color: #009; color: #009; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; } /* line 78, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker table td.ui-datepicker-current-day a, .ui-datepicker table td.ui-datepicker-current-day span { border-color: #E4E7CB; color: #7C8B00; background-color: #E4E7CB; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; } /* line 87, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker table td.ui-datepicker-current-day.ui-datepicker-today a, .ui-datepicker table td.ui-datepicker-current-day.ui-datepicker-today span { border-color: #009; background-color: #E4E7CB; } /* line 93, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker table td a, .ui-datepicker table td span { width: 100%; text-align: center; border: 2px solid #f0f0f0; color: #333; padding: .3em 0; background: #f0f0f0; } /* line 101, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker table td a.disabled, .ui-datepicker table td span.disabled { cursor: default; } /* line 103, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker table td a.clickable, .ui-datepicker table td span.clickable { cursor: pointer; color: #7C8B00; background-color: #E4E7CB; } /* line 111, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker table tr:nth-child(odd) { background: transparent; } /* line 112, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker table tr { border: none; } /* line 113, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .ui-datepicker table tr + tr { border: none; } /* The datepicker sets the popup z-index to one more than its associated field, to keep it in front of that field. By default the z-index is 0, so datepicker ends up with 1 Adding proper z-index to input field solve z-index problems. http://stackoverflow.com/questions/11533161/jquery-ui-datepicker-change-z-index */ /* line 124, ../../../../src/scss/common/_JS-ui-datepicker.scss */ .datepicker { z-index: 10; position: relative; } /* jquery UI autocomplete */ /* line 5, ../../../../src/scss/common/_JS-ui-autocomplete.scss */ .ui-autocomplete { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; margin: 2px 0; background: #fff; border: 1px solid #dbdde0; font-family: "newsGothic_roman", Arial, Verdana, Helvetica, sans-serif; color: #333; } /* line 14, ../../../../src/scss/common/_JS-ui-autocomplete.scss */ .ui-autocomplete .ui-state-focus { margin: 0; color: #009; } /* line 19, ../../../../src/scss/common/_JS-ui-autocomplete.scss */ .ui-autocomplete .ui-menu-item { padding: 6px 12px; } /* Emergency TickerThe Emergency Ticker will be integrated into the new websites. It will be displayed in an intention grabbing design below the Stage Module. The Emergency Ticker presents the title of the message and will provide a link to the message, located in the Xetra Newsboard
Styleguide 5.6.2 Emergency Ticker */ /* line 15, ../../../../src/scss/common/_JS-emergency-ticker.scss */ #emergencyTicker { font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; width: 100%; white-space: nowrap; } /* line 24, ../../../../src/scss/common/_JS-emergency-ticker.scss */ #emergencyTicker .container { background: #fff; overflow: hidden; padding: 10px; } /* line 30, ../../../../src/scss/common/_JS-emergency-ticker.scss */ #emergencyTicker .container .warning { color: #D14513; border: 1px solid #D14513; font-size: 12px; font-size: 0.75rem; line-height: 1; display: inline-block; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase; padding: .4em 1em .3em; margin-right: .8em; } /* line 42, ../../../../src/scss/common/_JS-emergency-ticker.scss */ #emergencyTicker .container a { color: #666F78; } /* line 44, ../../../../src/scss/common/_JS-emergency-ticker.scss */ #emergencyTicker .container ul { /* that's your list */ position: relative; } /* line 47, ../../../../src/scss/common/_JS-emergency-ticker.scss */ #emergencyTicker .container ul li { text-align: center; float: left; /* important: display inline gives incorrect results when you check for elem's width */ } /* JS LightboxThe lightbox shows pictures and videos. If more than one element is part of the list entry – so called Media Collections –users can scroll through the entries within the lightbox. If JavaScript is disabled, videos and pictures are displayed in a standard single view layout.
Styleguide 5.3.14 JS Lightbox */ /* line 10, ../../../../src/scss/common/_JS-lightbox.scss */ .lightbox-image { position: relative; overflow: hidden; } /* line 15, ../../../../src/scss/common/_JS-lightbox.scss */ .lightbox-image > a[rel='lightbox'] { position: absolute; bottom: 0; right: 0; height: 30px; width: 30px; background-color: #fff; background-color: rgba(255, 255, 255, 0.25); color: #333; } /* line 26, ../../../../src/scss/common/_JS-lightbox.scss */ .lightbox-image > a[rel='lightbox']:hover, .lightbox-image > a[rel='lightbox']:active, .lightbox-image > a[rel='lightbox']:focus { text-decoration: none; } /* line 29, ../../../../src/scss/common/_JS-lightbox.scss */ .lightbox-image > a[rel='lightbox']:hover { background-color: rgba(255, 255, 255, 0.75); -moz-box-shadow: 0px 0px 5px #333333; -webkit-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; } /* line 38, ../../../../src/scss/common/_JS-lightbox.scss */ .lightbox-image > a[rel='lightbox'] .zoom:before { font-size: 22px; font-size: 1.375rem; padding: 4px; color: inherit; display: block; } /* line 48, ../../../../src/scss/common/_JS-lightbox.scss */ .fancybox-inner #mediaplayer { position: absolute !important; } /* line 54, ../../../../src/scss/common/_JS-lightbox.scss */ .fancybox-outer a.fancybox-nav { text-decoration: none; } /* line 56, ../../../../src/scss/common/_JS-lightbox.scss */ .fancybox-outer a.fancybox-nav span { text-decoration: none; } /* line 63, ../../../../src/scss/common/_JS-lightbox.scss */ .fancybox-skin a.fancybox-close:before { content: "x"; } /* line 65, ../../../../src/scss/common/_JS-lightbox.scss */ .fancybox-skin a.fancybox-close:hover, .fancybox-skin a.fancybox-close:active { color: #003778 !important; text-decoration: underline; background: none !important; } /* line 70, ../../../../src/scss/common/_JS-lightbox.scss */ .fancybox-skin a.fancybox-close:hover:before, .fancybox-skin a.fancybox-close:active:before { color: #fff; } /* nojs */ /* JS Dropdown Markup: Styleguide 8.1 JS Dropdown */ /* line 17, ../../../../src/scss/common/_JS-dropdown.scss */ .dropdown > .dropdown-toggle { cursor: pointer; } /* line 21, ../../../../src/scss/common/_JS-dropdown.scss */ .dropdown > .dropdown-toggle:hover, .dropdown > .dropdown-toggle:active, .dropdown > .dropdown-toggle:focus { text-decoration: none; } /* line 25, ../../../../src/scss/common/_JS-dropdown.scss */ .dropdown > .dropdown-toggle:hover span, .dropdown > .dropdown-toggle:active span, .dropdown > .dropdown-toggle:focus span { text-decoration: none; } /* line 29, ../../../../src/scss/common/_JS-dropdown.scss */ .dropdown > .dropdown-menu { -webkit-box-shadow: 1px 10px 8px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 10px 8px -5px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 10px 8px -5px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 10px 8px -5px rgba(0, 0, 0, 0.5); box-shadow: 1px 10px 8px -5px rgba(0, 0, 0, 0.5); background: #fff; background: #f0f0f0; display: none; position: absolute; z-index: 12; } /* line 41, ../../../../src/scss/common/_JS-dropdown.scss */ .dropdown.open > .dropdown-toggle { cursor: default; } /* line 42, ../../../../src/scss/common/_JS-dropdown.scss */ .dropdown.open > .dropdown-menu { display: block; } /* line 50, ../../../../src/scss/common/_JS-dropdown.scss */ #page-functions .dropdown .dropdown-menu, .nav-meta .dropdown .dropdown-menu { border: 1px solid #eee; border-bottom: 0; border-top: 0; text-align: left; min-width: 100%; } /* line 58, ../../../../src/scss/common/_JS-dropdown.scss */ #page-functions .dropdown .dropdown-menu a, .nav-meta .dropdown .dropdown-menu a { display: block; padding: 6px 15px; } /* line 62, ../../../../src/scss/common/_JS-dropdown.scss */ #page-functions .dropdown .dropdown-menu a:hover, #page-functions .dropdown .dropdown-menu a:focus, #page-functions .dropdown .dropdown-menu a:active, .nav-meta .dropdown .dropdown-menu a:hover, .nav-meta .dropdown .dropdown-menu a:focus, .nav-meta .dropdown .dropdown-menu a:active { background: #ededed; text-decoration: none; } /* line 75, ../../../../src/scss/common/_JS-dropdown.scss */ #page-functions .dropdown.open > .dropdown-toggle, .nav-meta .dropdown.open > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } /* line 76, ../../../../src/scss/common/_JS-dropdown.scss */ #page-functions .dropdown.open > .dropdown-menu, .nav-meta .dropdown.open > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } /* line 82, ../../../../src/scss/common/_JS-dropdown.scss */ #page-functions .dropdown .dropdown-menu { padding: 10px 0; min-width: 1px; } /* line 86, ../../../../src/scss/common/_JS-dropdown.scss */ #page-functions .dropdown .dropdown-menu li { display: table-cell; } /* line 87, ../../../../src/scss/common/_JS-dropdown.scss */ #page-functions .dropdown .dropdown-menu a { display: inline; padding: 10px; } /* nojs */ /* line 101, ../../../../src/scss/common/_JS-dropdown.scss */ .no-js .dropdown:hover .dropdown-menu { display: block; } /* line 106, ../../../../src/scss/common/_JS-dropdown.scss */ .no-js .dropdown.quickGuide > .dropdown-menu { margin-bottom: -1px; border: 1px solid #dbdde0; border-bottom: 0; bottom: 39px; -webkit-box-shadow: 1px -5px 8px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px -5px 8px -5px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px -5px 8px -5px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px -5px 8px -5px rgba(0, 0, 0, 0.5); box-shadow: 1px -5px 8px -5px rgba(0, 0, 0, 0.5); border-top-right-radius: 3px; border-top-left-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } /* line 125, ../../../../src/scss/common/_JS-dropdown.scss */ .quickGuide.dropdown { position: relative; } /* line 129, ../../../../src/scss/common/_JS-dropdown.scss */ .quickGuide.dropdown > .dropdown-toggle { font-family: "newsGothic_roman", Arial, Verdana, Helvetica, sans-serif; background: #fff; padding: 8px 40px 8px 15px; } /* line 139, ../../../../src/scss/common/_JS-dropdown.scss */ .quickGuide.dropdown > .dropdown-toggle:after { position: absolute; right: 10px; top: 4px; font-size: 30px; font-size: 1.875rem; } /* line 146, ../../../../src/scss/common/_JS-dropdown.scss */ .quickGuide.dropdown > .dropdown-toggle:hover { color: #009; } /* line 148, ../../../../src/scss/common/_JS-dropdown.scss */ .quickGuide.dropdown > .dropdown-toggle:hover:after { color: #009; } /* line 152, ../../../../src/scss/common/_JS-dropdown.scss */ .quickGuide.dropdown > .dropdown-menu { background: #fff; width: 100%; margin-top: -1px; border: 1px solid #dbdde0; border-top: 0; -webkit-box-shadow: 1px 10px 8px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 10px 8px -5px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 10px 8px -5px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 10px 8px -5px rgba(0, 0, 0, 0.5); box-shadow: 1px 10px 8px -5px rgba(0, 0, 0, 0.5); } /* line 161, ../../../../src/scss/common/_JS-dropdown.scss */ .quickGuide.dropdown > .dropdown-menu a { display: block; padding: 8px 15px; text-decoration: none; } /* line 165, ../../../../src/scss/common/_JS-dropdown.scss */ .quickGuide.dropdown > .dropdown-menu a:hover, .quickGuide.dropdown > .dropdown-menu a:focus, .quickGuide.dropdown > .dropdown-menu a:active { background: #e8e8e8; } /* line 176, ../../../../src/scss/common/_JS-dropdown.scss */ .quickGuide.dropdown.open > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } /* line 181, ../../../../src/scss/common/_JS-dropdown.scss */ .quickGuide.dropdown.open > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } /* nojs */ /* line 192, ../../../../src/scss/common/_JS-dropdown.scss */ .no-js .dropdown:hover .dropdown-menu { display: block; } /* JS NavigatorThe Cash Market Navigator helps users to find information they are looking for. This content element is part of the homepages within the content area. The Navigator is also available throughout the Xetra and Cash Market websites via the meta navigation and is identic on both pages (except for the color scheme which corresponds to the respective entity layout). When starting the Navigator from the meta navigation, the steps are displayed in a layer below. The rest of the page does not change while using the Cash Market Navigator. In Step 1 users are asked who they are. The Navigator provides up to seven possible answers, e.g. “Media Representative” or “Trading Member”. The answers cover the primary target groups which were identified in the strategy phase. Clicking on an answer the user is led to the second step, refining the target groups. Some target groups do not require step two. Step three offers links tailored to the answers of the previous step(s). These links are either forwarding to respective landing pages, to pages on Xetra or Cash Market or to Börse Frankfurt. The landing pages are created by the CMDS editorial team.
Markeup: Styleguide 8.2 JS Navigator */ /* line 28, ../../../../src/scss/common/_JS-navigator.scss */ .navigator { position: relative; } /* line 32, ../../../../src/scss/common/_JS-navigator.scss */ .navigator h2 { font-size: 16px; font-size: 1rem; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; margin: 0; color: #333; } /* line 41, ../../../../src/scss/common/_JS-navigator.scss */ .navigator .navigator-item .title { font-size: 32px; font-size: 2rem; margin: 10px 0 15px; line-height: 1; font-family: "newsGothic_light", Arial, Verdana, Helvetica, sans-serif; color: #009; } /* line 49, ../../../../src/scss/common/_JS-navigator.scss */ .navigator .navigator-item .footer_entities { background: #e7e6e3; position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; padding: 5px 25px 20px; } /* line 59, ../../../../src/scss/common/_JS-navigator.scss */ .navigator .navigator-item .navigator-controls { margin: 10px 0; } /* line 62, ../../../../src/scss/common/_JS-navigator.scss */ .navigator .navigator-item .navigator-controls .navigator-back, .navigator .navigator-item .navigator-controls .navigator-restart { position: absolute; bottom: 10px; margin: 0; } /* line 69, ../../../../src/scss/common/_JS-navigator.scss */ .navigator .navigator-item .navigator-controls .navigator-back:before, .navigator .navigator-item .navigator-controls .navigator-back:after, .navigator .navigator-item .navigator-controls .navigator-restart:before, .navigator .navigator-item .navigator-controls .navigator-restart:after { position: static; } /* line 72, ../../../../src/scss/common/_JS-navigator.scss */ .navigator .navigator-item .navigator-controls .navigator-back span, .navigator .navigator-item .navigator-controls .navigator-restart span { font-size: 14px; font-size: 0.875rem; } /* line 78, ../../../../src/scss/common/_JS-navigator.scss */ .navigator .navigator-item .navigator-controls .navigator-back { left: 10px; } /* line 79, ../../../../src/scss/common/_JS-navigator.scss */ .navigator .navigator-item .navigator-controls .navigator-restart { right: 10px; } /* Navigator content area */ /* line 85, ../../../../src/scss/common/_JS-navigator.scss */ #main-content .navigator { height: 440px; background: #f0f0f0; padding: 25px 25px 20px 20px; } /* line 93, ../../../../src/scss/common/_JS-navigator.scss */ #main-content .navigator .navigator-item:first-child .linkList, #main-content .navigator .navigator-item:first-child .list-links { height: 200px; } /* line 96, ../../../../src/scss/common/_JS-navigator.scss */ #main-content .navigator .navigator-item .linkList, #main-content .navigator .navigator-item .list-links { overflow: auto; height: 264px; } /* line 100, ../../../../src/scss/common/_JS-navigator.scss */ #main-content .navigator .navigator-item .linkList li + li, #main-content .navigator .navigator-item .list-links li + li { border-color: #d4d4d4; } /* line 103, ../../../../src/scss/common/_JS-navigator.scss */ #main-content .navigator .navigator-item a { color: #333; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ #main-content .navigator .navigator-item a:hover { color: #009; } /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ #main-content .navigator .navigator-item a:before, #main-content .navigator .navigator-item a:after { color: #8c8c8c; } /* line 20, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ #main-content .navigator .navigator-item a:hover:before, #main-content .navigator .navigator-item a:hover:after { color: #009; } /* line 109, ../../../../src/scss/common/_JS-navigator.scss */ #main-content .navigator .navigator-item .navigator-controls .navigator-back { bottom: 25px; left: 10px; } /* line 110, ../../../../src/scss/common/_JS-navigator.scss */ #main-content .navigator .navigator-item .navigator-controls .navigator-restart { bottom: 25px; right: 20px; } /* Navigator search-menu dropdown */ /* line 121, ../../../../src/scss/common/_JS-navigator.scss */ .nav-search .navigator .navigator-item .linkList li + li, .nav-search .navigator .navigator-item .list-links li + li { border-color: #666; } /* line 123, ../../../../src/scss/common/_JS-navigator.scss */ .nav-search .navigator .navigator-item a { color: #d4d4d4; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .nav-search .navigator .navigator-item a:hover { color: #fff; } /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ .nav-search .navigator .navigator-item a:before, .nav-search .navigator .navigator-item a:after { color: #color-flyout-icon; } /* line 20, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ .nav-search .navigator .navigator-item a:hover:before, .nav-search .navigator .navigator-item a:hover:after { color: #fff; } /* line 136, ../../../../src/scss/common/_JS-navigator.scss */ .no-js .navigator.dropdown-menu { height: 360px; } /* line 139, ../../../../src/scss/common/_JS-navigator.scss */ .no-js .navigator.dropdown-menu .navigator { height: 360px; } /* line 142, ../../../../src/scss/common/_JS-navigator.scss */ .no-js .navigator.dropdown-menu .navigator-back, .no-js .navigator.dropdown-menu .navigator-restart { display: none; } /* line 148, ../../../../src/scss/common/_JS-navigator.scss */ .no-js .navigator { overflow: hidden; padding: 0; } /* line 153, ../../../../src/scss/common/_JS-navigator.scss */ .no-js .navigator .navigator-item { padding: 25px 25px 20px 20px; height: 440px; } /* JS Slider Styleguide 8.3 JS Slider */ /* JS Tab Styleguide 8.4 Tab */ /* line 7, ../../../../src/scss/common/_JS-tab.scss */ .tab-container { position: relative; } /* line 11, ../../../../src/scss/common/_JS-tab.scss */ .issuer .tab-container { padding: 0; background: #fff; } /* line 17, ../../../../src/scss/common/_JS-tab.scss */ .logo + .tabs { margin-top: 12px; } /* line 21, ../../../../src/scss/common/_JS-tab.scss */ ul.tabs-nav { font-size: 16px; font-size: 1rem; clear: both; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; margin: -12px 0 20px 0; border: 0; } /* line 29, ../../../../src/scss/common/_JS-tab.scss */ ul.tabs-nav li { padding: 0; margin: 12px 20px 0 0; float: none; display: inline-block; } /* line 35, ../../../../src/scss/common/_JS-tab.scss */ ul.tabs-nav li > * { color: #747474; display: inline-block; padding: 0 0 5px; border-bottom: 3px solid transparent; } /* line 41, ../../../../src/scss/common/_JS-tab.scss */ ul.tabs-nav li > *:focus, ul.tabs-nav li > *:hover, ul.tabs-nav li > *:active { color: #009; border-color: #009; text-decoration: none; } /* line 49, ../../../../src/scss/common/_JS-tab.scss */ ul.tabs-nav li.selected > *, ul.tabs-nav li.ui-tabs-active a { border-color: #009; color: #009; } /* nojs */ /* line 61, ../../../../src/scss/common/_JS-tab.scss */ .no-js .tabs { overflow: auto; position: static; } /* line 68, ../../../../src/scss/common/_JS-tab.scss */ .no-js .tab-content { height: auto; } /* line 3, ../../../../src/scss/theme-dbg/_icons.scss */ .icon:after, .fancybox-prev span:after, .fancybox-next span:after, .icon:before, .fancybox-prev span:before, .fancybox-next span:before, .event-form .buttons .linkButton.reset .asButton:after, ul.rte--list > li:after, #nav-primary > li > ul > li a:after, .accordion .title:after, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after, .quickGuide.dropdown > .dropdown-toggle:after, #header #nav-primary > li > ul > li.has-submenu a:after, .event-form .buttons .linkButton.reset .asButton:before, ul.rte--list > li:before, #nav-primary > li > ul > li a:before, #subNavigation li a:before, .accordion .title:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before, .quickGuide.dropdown > .dropdown-toggle:before, #header #nav-primary > li > ul > li.has-submenu a:before { font-size: 22px; font-size: 1.375rem; color: #333; font-family: 'icomoon', Arial, Verdana, sans-serif; } /* line 11, ../../../../src/scss/theme-dbg/_icons.scss */ .icon-left:before, .txt-collection .paging a.prev:before { content: "\e600"; } /* line 16, ../../../../src/scss/theme-dbg/_icons.scss */ .icon-right:before, a.icon.document:before, #nav-primary > li > ul > li a:before, #subNavigation li a:before, .facets .container .facet > h3.toggleBtn.close .icon-down:before, #header #nav-primary > li > ul > li.has-submenu a:before { content: "\e601"; } /* line 21, ../../../../src/scss/theme-dbg/_icons.scss */ .icon-up:before { content: "\e602"; } /* line 26, ../../../../src/scss/theme-dbg/_icons.scss */ .icon-down:before, #subNavigation li.has-submenu > a.active:before, #subNavigation li.has-submenu > a.active-target:before, #subNavigation li.has-submenu > a.active_target:before, .sitemap h3.ui-state-active:before { content: "\e603"; } /* line 31, ../../../../src/scss/theme-dbg/_icons.scss */ .icon-youtube:before, ul.footer-nav-socials a.icon_youtube:before { content: "\e90e"; } /* line 36, ../../../../src/scss/theme-dbg/_icons.scss */ .view-all { margin: 0; } /* line 38, ../../../../src/scss/theme-dbg/_icons.scss */ .view-all .icon, .view-all .fancybox-prev span, .fancybox-prev .view-all span, .view-all .fancybox-next span, .fancybox-next .view-all span { font-size: 16px; font-size: 1rem; padding-left: 26px; } /* line 41, ../../../../src/scss/theme-dbg/_icons.scss */ .view-all .icon:before, .view-all .fancybox-prev span:before, .fancybox-prev .view-all span:before, .view-all .fancybox-next span:before, .fancybox-next .view-all span:before { color: #333; content: "\e905"; left: -5px; top: 1px; } /* line 51, ../../../../src/scss/theme-dbg/_icons.scss */ #page-functions a:before { display: inline-block; font-size: 24px; } /* line 55, ../../../../src/scss/theme-dbg/_icons.scss */ #page-functions a.icon-pdf:before { content: "\e629"; } /* line 58, ../../../../src/scss/theme-dbg/_icons.scss */ #page-functions a.icon-print:before { content: "\e615"; } /* line 61, ../../../../src/scss/theme-dbg/_icons.scss */ #page-functions a.icon-share:before { content: "\e62d"; margin-top: -7px; } @font-face { font-family: 'clearSans_regular'; src: url(/blob/2527388/a5615a4bf6e44aa6aad18d43057bbce3/data/ClearSans-Regular-webfont.eot.eot); src: url(/blob/2527388/a5615a4bf6e44aa6aad18d43057bbce3/data/ClearSans-Regular-webfont.eot.eot#iefix) format("embedded-opentype"), url(/blob/2527390/6f856e142f57329d75effe5e3e2eb1ad/data/ClearSans-Regular-webfont.woff.woff) format("woff"), url(/blob/2527392/d5d23b569feeacf8ffbf7510b6620a02/data/ClearSans-Regular-webfont.ttf.ttf) format("truetype"), url(/blob/2527394/2239ca3e885be3dcd15a1541d8d68c28/data/ClearSans-Regular-webfont.svg.svg#clear_sansregular) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'clearSans_light'; src: url(/blob/2527396/134b8663ad9f0e404e17bb8e823fd60a/data/ClearSans-Light-webfont.eot.eot); src: url(/blob/2527396/134b8663ad9f0e404e17bb8e823fd60a/data/ClearSans-Light-webfont.eot.eot#iefix) format("embedded-opentype"), url(/blob/2527398/a109513472c4facff8b935d5ff9187ca/data/ClearSans-Light-webfont.woff.woff) format("woff"), url(/blob/2527400/a28e20e2cedbb7f6e4dfaad6a44f8dfc/data/ClearSans-Light-webfont.ttf.ttf) format("truetype"), url(/blob/2527402/f6445e5b20da30f3da54af0e936d9c54/data/ClearSans-Light-webfont.svg.svg#clear_sans_lightregular) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon'; src: url(/blob/2550272/fdb8e4ab2650927eb5b0442b73641ff8/data/dbag_set_2016.eot.eot); src: url(/blob/2550272/fdb8e4ab2650927eb5b0442b73641ff8/data/dbag_set_2016.eot.eot#iefix-u2830x) format("embedded-opentype"), url(/blob/2550274/54911c4e8f89b11ae6e6c1597df3a5ac/data/dbag_set_2016.woff.woff) format("woff"), url(/blob/2550276/168dc88a52aaef305b0141b047568011/data/dbag_set_2016.ttf.ttf) format("truetype"), url(/blob/2550278/f68d1432ec803d1116c8c0dbf6e31dc4/data/dbag_set_2016.svg.svg#dbag_set_2016) format("svg"); font-weight: normal; font-style: normal; } /* line 4, ../../../../src/scss/common/_typo-dbg.scss */ h1, h2, h3, h4, h5, h6, strong { font-weight: normal; } /* line 9, ../../../../src/scss/common/_typo-dbg.scss */ h1, h2, h3, h4, h5, h6 { font-family: "newsGothic_light", Arial, Verdana, Helvetica, sans-serif; line-height: 1.2em; margin-bottom: .5em; } /* line 15, ../../../../src/scss/common/_typo-dbg.scss */ h2 { font-size: 32px; font-size: 2rem; color: #009; } /* line 20, ../../../../src/scss/common/_typo-dbg.scss */ h3 { font-size: 22px; font-size: 1.375rem; color: #606060; font-family: "newsGothic_roman", Arial, Verdana, Helvetica, sans-serif; } /* line 1, ../../../../src/scss/common/_form-dbg.scss */ input[type="button"], input[type="reset"], input[type="submit"], input[type="text"], input[type="date"], input[type="email"], input[type="password"], input[type="search"], input[type="time"], input[type="url"], input.input_txt, textarea, select, .quickGuide.dropdown > .dropdown-toggle { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border-color: #d4d4d4; height: 36px; padding: 0 12px; } /* line 20, ../../../../src/scss/common/_form-dbg.scss */ input[type="text"], select, .quickGuide.dropdown > .dropdown-toggle, option, textarea, .checkbox label, .mandatoryHint { font-size: 14px; font-size: 0.875rem; font-family: "clearSans_light", Arial, Verdana, Helvetica, sans-serif; } /* line 26, ../../../../src/scss/common/_form-dbg.scss */ textarea { height: 110px; } /* line 30, ../../../../src/scss/common/_form-dbg.scss */ .btn, .mwf-form [type="button"], .mwf-form [type="submit"], input[type="submit"], .event-registration a, .mwf-form [type="button"], .mwf-form [type="submit"], input[type="submit"], .event-registration a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } /* line 36, ../../../../src/scss/common/_form-dbg.scss */ .search-form { background: #f0f0f0; margin-bottom: 53px; } /* line 39, ../../../../src/scss/common/_form-dbg.scss */ .search-form button:hover, .search-form button:focus { border-color: #009; } /* line 42, ../../../../src/scss/common/_form-dbg.scss */ .search-form a.icon-reset { margin-left: 12px; } /* line 44, ../../../../src/scss/common/_form-dbg.scss */ .search-form a.icon-reset span { padding-left: 4px; } /* line 49, ../../../../src/scss/common/_form-dbg.scss */ .search-form a.icon-reset:hover:before { color: #009; } /* line 52, ../../../../src/scss/common/_form-dbg.scss */ .search-form a.icon-reset:before { color: #333; } /* line 56, ../../../../src/scss/common/_form-dbg.scss */ .search-form button[type=submit] { height: 34px; } /* line 59, ../../../../src/scss/common/_form-dbg.scss */ .search-form .checkbox input[type=checkbox] { height: 13px; width: 13px; } /* line 65, ../../../../src/scss/common/_form-dbg.scss */ #searchfieldDetail { background: #fff url(/blob/2550280/5c21ab7e70f8707d18b088ae594a272e/data/icon-search-gray.png.png) no-repeat 13px 50%; padding-left: 38px; } /* line 70, ../../../../src/scss/common/_form-dbg.scss */ .search-form .form-group input.datepicker { background: #fff url(/blob/2550282/7ed6832dfb103a5da61d296ea57da184/data/icon-calendar-gray.png.png) no-repeat 92% 50%; } /* line 74, ../../../../src/scss/common/_form-dbg.scss */ .form-view { margin-top: -6px; } /* line 78, ../../../../src/scss/common/_form-dbg.scss */ label { font-size: 17px; font-size: 1.0625rem; font-family: "newsGothic_light", Arial, Verdana, Helvetica, sans-serif; } /* line 83, ../../../../src/scss/common/_form-dbg.scss */ .form-horizontal label { padding-top: 5px; } /* line 1, ../../../../src/scss/common/_links-dbg.scss */ .dropdown > .dropdown-toggle:hover span, .dropdown > .dropdown-toggle:active span, .dropdown > .dropdown-toggle:focus span { text-decoration: underline; } /* line 1, ../../../../src/scss/common/_tables-dbg.scss */ table.richtextTable tr:first-child > th, table.richtextTable tr:first-child td { color: #333; } /* line 6, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable { margin-bottom: 20px; /* tables without backgrounds */ } /* line 9, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable:last-child { margin-bottom: 0; } /* line 13, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable th, table.dataTable td { padding: 10px .8em 15px; vertical-align: top; text-align: left; color: #333; } /* line 19, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable a { color: #333; font-family: "newsGothic_light", Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; } /* line 23, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable a:hover { color: #009; } /* line 27, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable tr { border-color: transparent; } /* line 30, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable tr:first-child, table.dataTable tr:last-child { border-color: #969696; } /* line 33, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable tr:first-child { font-size: 16px; font-size: 1rem; color: #333; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; } /* line 37, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable tr:first-child > th, table.dataTable tr:first-child > td { color: #333; padding-bottom: 7px; } /* line 41, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable tr:first-child > th:first-child, table.dataTable tr:first-child td:first-child { padding-left: .8em; } /* line 44, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable tr:first-child > th:last-child, table.dataTable tr:first-child td:last-child { padding-right: .8em; } /* line 50, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable.dataTable.table-styling-1 tr { background: transparent; border-color: #d4d4d4; } /* line 53, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable.dataTable.table-styling-1 tr th, table.dataTable.dataTable.table-styling-1 tr td { padding: 10px .8em 15px 0; } /* line 56, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable.dataTable.table-styling-1 tr td:last-child, table.dataTable.dataTable.table-styling-1 tr th:last-child { padding: 10px 0 15px .8em; } /* line 60, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable.dataTable.table-styling-1 tr:first-child, table.dataTable.dataTable.table-styling-1 tr:last-child { border-color: #969696; } /* line 64, ../../../../src/scss/common/_tables-dbg.scss */ table.dataTable.dataTable.table-styling-1.table-hide-headline tr:nth-child(2) { border-top-color: #969696; } /* line 71, ../../../../src/scss/common/_tables-dbg.scss */ .tableWrapper { margin: 0 0 30px; } /* line 76, ../../../../src/scss/common/_tables-dbg.scss */ .embeddedTable h3.title { font-size: 18px; font-size: 1.125rem; color: #009; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; margin-bottom: 16px; } /* line 85, ../../../../src/scss/common/_tables-dbg.scss */ table.table-hide-headline tr:first-child { display: none; } /* line 87, ../../../../src/scss/common/_tables-dbg.scss */ table.table-hide-headline tr:first-child + tr { border-top: 1px solid #969696; } /* line 94, ../../../../src/scss/common/_tables-dbg.scss */ table:not(.table-hide-headline) tr:first-child td { padding-top: 0; } /* line 100, ../../../../src/scss/common/_tables-dbg.scss */ #content .paragraph table.dataTable td .p--heading-1, #content .paragraph table.dataTable td .p--heading-2, #content .paragraph table.dataTable td .p--heading-3 { margin-bottom: 12px; } /* line 1, ../../../../src/scss/common/_lists-dbg.scss */ .list { clear: both; } /* line 3, ../../../../src/scss/common/_lists-dbg.scss */ .list * { line-height: 1.4; } /* line 6, ../../../../src/scss/common/_lists-dbg.scss */ .list li > * > *:last-child { margin-bottom: 0; } /* line 13, ../../../../src/scss/common/_lists-dbg.scss */ .list .date, .list .categories { font-size: 14px; font-size: 0.875rem; color: #333; display: block; font-family: "clearSans_light", Arial, Verdana, Helvetica, sans-serif; margin-bottom: 4px; } /* line 23, ../../../../src/scss/common/_lists-dbg.scss */ .list .contentCol h3 { font-size: 17px; font-size: 1.0625rem; display: block; } /* line 29, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results li { border-bottom: 1px solid #d4d4d4; border-top: 0; margin: 0 0 26px; padding: 0 0 23px; } /* line 34, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results li + li { border-top: 0; margin-top: 0; } /* line 38, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results li > div { padding-top: 0; } /* line 40, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results li > div > * { margin: 0; } /* line 44, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results li .indexCol span { margin-bottom: 18px; } /* line 47, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results li h3 { font-size: 20px; font-size: 1.25rem; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; margin: 0 0 1px; } /* line 52, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results li a { color: #009; } /* line 55, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results li p { font-family: "newsGothic_roman", Arial, Verdana, Helvetica, sans-serif; margin: 0; } /* line 59, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results li .categories { margin-bottom: 5px; } /* line 64, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results > li:not(.list1Col):last-child { border: 0; margin: 0; padding: 0; } /* line 71, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results > li.list2Col .indexCol, .list .search-results > li.list3Col .indexCol { margin-top: -1px; padding-top: 0; } /* line 74, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results > li.list2Col .indexCol .date, .list .search-results > li.list3Col .indexCol .date { margin-top: -3px; } /* line 78, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results > li.list2Col + li .mediaCol, .list .search-results > li.list2Col + li .contentCol, .list .search-results > li.list3Col + li .mediaCol, .list .search-results > li.list3Col + li .contentCol { border-top: 0; /* override */ } /* line 81, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results > li.list2Col:last-child .mediaCol, .list .search-results > li.list2Col:last-child .contentCol, .list .search-results > li.list3Col:last-child .mediaCol, .list .search-results > li.list3Col:last-child .contentCol { border: 0; margin: 0; } /* line 84, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results > li.list2Col:last-child .mediaCol p, .list .search-results > li.list2Col:last-child .contentCol p, .list .search-results > li.list3Col:last-child .mediaCol p, .list .search-results > li.list3Col:last-child .contentCol p { margin: 0; } /* line 88, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results > li.list2Col .contentCol .categories, .list .search-results > li.list3Col .contentCol .categories { margin-top: -3px; } /* line 94, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results.tiles + .list.search-results.tiles { border: 0; } /* line 97, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results.tiles > li { margin-top: 0; padding-bottom: 23px; } /* line 101, ../../../../src/scss/common/_lists-dbg.scss */ .list .search-results.tiles:last-child li { border: 0; margin: 0; padding: 0; } /* line 109, ../../../../src/scss/common/_lists-dbg.scss */ .list.list-news, .tabs .rss { margin-bottom: 20px; } /* line 113, ../../../../src/scss/common/_lists-dbg.scss */ dl.list.event-list.event-list-location:empty, dl.list.event-list.line-top:empty { display: none; } /* line 2, ../../../../src/scss/common/_list-links-dbg.scss */ .list-links a { color: #333; padding-left: 24px; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .list-links a:hover { color: #009; } /* line 5, ../../../../src/scss/common/_list-links-dbg.scss */ .list-links a.icon-right:before { color: #333; content: "\e905"; margin-top: -1px; } /* line 10, ../../../../src/scss/common/_list-links-dbg.scss */ .list-links a.link:before { content: "\e614"; left: -3px; top: 1px; } /* line 15, ../../../../src/scss/common/_list-links-dbg.scss */ .list-links a.icon.document:before { content: "\e905"; font-size: 25px; left: -7px; top: 0; } /* line 21, ../../../../src/scss/common/_list-links-dbg.scss */ .list-links a:hover > span { text-decoration: none; } /* line 23, ../../../../src/scss/common/_list-links-dbg.scss */ .list-links a:hover > span > span { text-decoration: underline; } /* line 26, ../../../../src/scss/common/_list-links-dbg.scss */ .list-links a:hover > span > span + span { text-decoration: none; } /* line 31, ../../../../src/scss/common/_list-links-dbg.scss */ .list-links li { padding: 10px 0 9px; } /* line 34, ../../../../src/scss/common/_list-links-dbg.scss */ .list-links li + li { border-color: #d4d4d4; } /* line 40, ../../../../src/scss/common/_list-links-dbg.scss */ #content .teaserBox .container .linkListModule.dark { background: #f0f0f0; padding: 25px 30px; } /* line 44, ../../../../src/scss/common/_list-links-dbg.scss */ #content .teaserBox .container .linkListModule .title { margin: -3px 0 7px; } /* line 47, ../../../../src/scss/common/_list-links-dbg.scss */ #content .teaserBox .container .linkListModule .list-links .icon-excel_file:before, #content .teaserBox .container .linkListModule .list-links a.icon.download_excel:before { margin-top: 0; } /* line 51, ../../../../src/scss/common/_list-links-dbg.scss */ #content .teaserBox .container .linkListModule .list-links li:last-child { padding-bottom: 0; } /* line 57, ../../../../src/scss/common/_list-links-dbg.scss */ .detailText .teaserBox .linkListModule .title { font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; margin-bottom: 14px; } /* line 1, ../../../../src/scss/common/_layout-dbg.scss */ .printPreview .page { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px solid #d4d4d4; } /* line 4, ../../../../src/scss/common/_layout-dbg.scss */ .printPreview .page .clearRow { margin: 0; padding: 0; } /* line 8, ../../../../src/scss/common/_layout-dbg.scss */ .printPreview .page #breadcrumb { margin-bottom: 32pt; width: 100%; } /* line 12, ../../../../src/scss/common/_layout-dbg.scss */ .printPreview .page #main #main-content { padding: 0; width: 100%; } /* line 16, ../../../../src/scss/common/_layout-dbg.scss */ .printPreview .page .slider-control, .printPreview .page .swiper-button-prev, .printPreview .page .swiper-button-next, .printPreview .page .rss, .printPreview .page .search-form, .printPreview .page .list-switcher { display: none; } /* line 20, ../../../../src/scss/common/_layout-dbg.scss */ .printPreview .page #footer { height: auto; } /* line 22, ../../../../src/scss/common/_layout-dbg.scss */ .printPreview .page #footer #footer_content { padding: 5mm 15mm; width: auto; } /* line 27, ../../../../src/scss/common/_layout-dbg.scss */ .printPreview .page .teaserSpecial, .printPreview .page .linkListModule.dark, .printPreview .page #main-content .navigator, .printPreview .page #content blockquote, .printPreview .page .furtherInformation, .printPreview .page .relatedTopics, .printPreview .page .relatedTopics, .printPreview .page .tableOfContents, .printPreview .page .ipo-line-step, .printPreview .page .embeddedTeaser .teaserStandard, .printPreview .page .embeddedTeaser .teaserSpecial, .printPreview .page .embeddedTeaser #content div.teaserSpecial, #content .printPreview .page .embeddedTeaser div.teaserSpecial, .printPreview .page .embeddedTeaser .teaserSpecial { background: #fff; border: 1px solid #d4d4d4; } /* line 34, ../../../../src/scss/common/_layout-dbg.scss */ .printPreview .page .teaserSpecial .title a { color: #009; } /* line 37, ../../../../src/scss/common/_layout-dbg.scss */ .printPreview .page .teaserSpecial .paragraph { color: #333; } /* line 41, ../../../../src/scss/common/_layout-dbg.scss */ .printPreview .page .contact-block.info > a, .printPreview .page .contact-block.info > p { border: 0; } /* line 44, ../../../../src/scss/common/_layout-dbg.scss */ .printPreview .page .accordion.ui-accordion .ui-accordion-header:before { content: "\e610a"; } /* line 49, ../../../../src/scss/common/_layout-dbg.scss */ .page { margin: 0; width: 100%; } /* line 52, ../../../../src/scss/common/_layout-dbg.scss */ .page #main { margin: 0 0 30px; } /* line 55, ../../../../src/scss/common/_layout-dbg.scss */ .page #main #main-content { margin: 0 auto; padding: 0 25px; } @media print { /* line 62, ../../../../src/scss/common/_layout-dbg.scss */ .printPreview .page { outline: 0; } } /* line 67, ../../../../src/scss/common/_layout-dbg.scss */ .icon.link:before, .fancybox-prev span.link:before, .fancybox-next span.link:before { content: "\e614"; font-size: 21px !important; } /* line 72, ../../../../src/scss/common/_layout-dbg.scss */ .icon-right:before, a.icon.document:before, #nav-primary > li > ul > li a:before, #subNavigation li a:before, .facets .container .facet > h3.toggleBtn.close .icon-down:before { content: "\e905"; font-size: 26px !important; left: -6px; } /* line 82, ../../../../src/scss/common/_layout-dbg.scss */ .icon-pdf_file:before, a.icon.download_pdf:before { font-size: 28px !important; left: -8px; top: -2px; } /* line 89, ../../../../src/scss/common/_layout-dbg.scss */ .icon-excel_file:before, a.icon.download_excel:before { left: -4px; top: -1px; } /* line 95, ../../../../src/scss/common/_layout-dbg.scss */ .icon-text_file:before, a.icon.download_txt:before, a.icon.download_docm:before, a.icon.download_docx:before, a.icon.download_word:before { font-size: 21px !important; left: -4px; } /* line 104, ../../../../src/scss/common/_layout-dbg.scss */ .icon-compressed_file:before, a.icon.download_compressed:before { font-size: 22px !important; left: -4px; top: -1px; } /* line 111, ../../../../src/scss/common/_layout-dbg.scss */ #main, .tableWrapper, .detailText, .furtherInformation, .relatedTopics, .relatedTopics { margin: 0 0 30px; } /* line 115, ../../../../src/scss/common/_layout-dbg.scss */ #main #main-content .navigator { height: auto; margin-bottom: 26px; padding: 28px 26px 20px; } /* line 121, ../../../../src/scss/common/_layout-dbg.scss */ #main #main-content .navigator .navigator-item:first-child .linkList, #main #main-content .navigator .navigator-item:first-child .list-links { height: auto; } /* line 125, ../../../../src/scss/common/_layout-dbg.scss */ #main #main-content .navigator .navigator-item .navigator-controls .navigator-back { bottom: 21px; left: 23px; } /* line 128, ../../../../src/scss/common/_layout-dbg.scss */ #main #main-content .navigator .navigator-item .navigator-controls .navigator-back:before { font-size: 30px; font-size: 1.875rem; content: "\e906"; } /* line 133, ../../../../src/scss/common/_layout-dbg.scss */ #main #main-content .navigator .navigator-item .navigator-controls .navigator-restart { right: 27px; } /* line 138, ../../../../src/scss/common/_layout-dbg.scss */ #main #main-content .navigator .navigator-item .list-links a { overflow: hidden; padding: 0; } /* line 142, ../../../../src/scss/common/_layout-dbg.scss */ #main #main-content .navigator .navigator-item .list-links a:before, #main #main-content .navigator .navigator-item .list-links a:after { color: #8c8c8c; position: absolute; right: 0; } /* line 147, ../../../../src/scss/common/_layout-dbg.scss */ #main #main-content .navigator .navigator-item .list-links a:before { content: ""; } /* line 150, ../../../../src/scss/common/_layout-dbg.scss */ #main #main-content .navigator .navigator-item .list-links a:after { content: "\e601"; width: 14px; } /* line 154, ../../../../src/scss/common/_layout-dbg.scss */ #main #main-content .navigator .navigator-item .list-links a:hover, #main #main-content .navigator .navigator-item .list-links a:hover:before, #main #main-content .navigator .navigator-item .list-links a:hover:after { color: #009; } /* line 160, ../../../../src/scss/common/_layout-dbg.scss */ .detailText { margin: 0 0 70px; } /* line 163, ../../../../src/scss/common/_layout-dbg.scss */ .detailText:last-child { margin-bottom: 0; } /* line 168, ../../../../src/scss/common/_layout-dbg.scss */ #supplement { margin: 0; max-width: 235px; width: 235px; } /* line 172, ../../../../src/scss/common/_layout-dbg.scss */ #supplement h3 { color: #009; font-size: 18px; font-size: 1.125rem; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; margin-bottom: 21px; } /* line 178, ../../../../src/scss/common/_layout-dbg.scss */ #supplement .box div.container { padding: 22px 28px 14px; } /* line 181, ../../../../src/scss/common/_layout-dbg.scss */ #supplement .teaserBox .container { background: #f0f0f0; } /* line 184, ../../../../src/scss/common/_layout-dbg.scss */ #supplement .teaserBox.facets .container { background: #f0f0f0; } /* line 186, ../../../../src/scss/common/_layout-dbg.scss */ #supplement .teaserBox.facets .container form { margin-bottom: 8px; } /* line 189, ../../../../src/scss/common/_layout-dbg.scss */ #supplement .teaserBox.facets .container .facet h3 { color: #333; font-size: 16px; font-size: 1rem; font-family: "newsGothic_roman", Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0 0 4px; } /* line 196, ../../../../src/scss/common/_layout-dbg.scss */ #supplement .teaserBox.facets .container .facet + .facet h3 { border: 0; } /* line 199, ../../../../src/scss/common/_layout-dbg.scss */ #supplement .teaserBox.facets .container .facet .list, #supplement .teaserBox.facets .container .facet .list .list-item { margin: 0 0 6px; } /* line 201, ../../../../src/scss/common/_layout-dbg.scss */ #supplement .teaserBox.facets .container .facet .list .facet .list, #supplement .teaserBox.facets .container .facet .list .list-item .facet .list { padding-left: 17px; } /* line 204, ../../../../src/scss/common/_layout-dbg.scss */ #supplement .teaserBox.facets .container .facet .list button, #supplement .teaserBox.facets .container .facet .list .list-item button { font-size: 14px; font-size: 0.875rem; background: url(/blob/2527420/341b54f64802f7933d30599d7b2abee2/data/checkbox.png.png) no-repeat; color: #333; font-family: "clearSans_light", Arial, Verdana, Helvetica, sans-serif; } /* line 209, ../../../../src/scss/common/_layout-dbg.scss */ #supplement .teaserBox.facets .container .facet .list button:hover, #supplement .teaserBox.facets .container .facet .list .list-item button:hover { color: #009; text-decoration: underline; } /* line 214, ../../../../src/scss/common/_layout-dbg.scss */ #supplement .teaserBox.facets .container .facet .list.selected button, #supplement .teaserBox.facets .container .facet .list .list-item.selected button { background: url(/blob/2527422/45a39b8ebe04cefd57a23599ad64be17/data/checkbox-checked.png.png) no-repeat; } /* line 217, ../../../../src/scss/common/_layout-dbg.scss */ #supplement .teaserBox.facets .container .facet .list.selected span, #supplement .teaserBox.facets .container .facet .list .list-item.selected span { color: #009; } /* line 222, ../../../../src/scss/common/_layout-dbg.scss */ #supplement .nav-socials, #supplement .eurexon { text-align: right; } /* line 227, ../../../../src/scss/common/_layout-dbg.scss */ .facets .container .facet > h3 .icon, .facets .container .facet > h3 .fancybox-prev span, .fancybox-prev .facets .container .facet > h3 span, .facets .container .facet > h3 .fancybox-next span, .fancybox-next .facets .container .facet > h3 span, .facets .container .facet > h3 .fancybox-prev span, .fancybox-prev .facets .container .facet > h3 span, .facets .container .facet > h3 .fancybox-next span, .fancybox-next .facets .container .facet > h3 span { margin-left: 0; } /* line 236, ../../../../src/scss/common/_layout-dbg.scss */ .fancybox-overlay object { margin-bottom: 2em; } /* line 239, ../../../../src/scss/common/_layout-dbg.scss */ .fancybox-overlay .fancybox-skin, .fancybox-overlay .fancybox-close { background: #f0f0f0; } /* line 242, ../../../../src/scss/common/_layout-dbg.scss */ .fancybox-overlay .fancybox-skin a.fancybox-close:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #009 !important; color: #fff; text-decoration: none; } /* line 251, ../../../../src/scss/common/_layout-dbg.scss */ #content .teaserBox { margin: 0 0 70px; } /* line 253, ../../../../src/scss/common/_layout-dbg.scss */ #content .teaserBox .paragraph:last-child p:last-child { margin-bottom: 0; } /* line 256, ../../../../src/scss/common/_layout-dbg.scss */ #content .teaserBox .teaserBox { margin: 0; } /* line 260, ../../../../src/scss/common/_layout-dbg.scss */ #content .paragraph .teaserBox { margin-bottom: 20px; } /* line 263, ../../../../src/scss/common/_layout-dbg.scss */ #content .tabs .teaserBox:last-child { margin-bottom: 0; } /* line 266, ../../../../src/scss/common/_layout-dbg.scss */ #content .container .linkItem:last-child { padding-bottom: 0; } /* line 269, ../../../../src/scss/common/_layout-dbg.scss */ #content .detailText > div .detailText .paragraph > div, #content > .paragraph:last-child *:last-child { margin-bottom: 0; } /* line 274, ../../../../src/scss/common/_layout-dbg.scss */ #footer { background: #009; height: 166px; margin: 0; } /* line 278, ../../../../src/scss/common/_layout-dbg.scss */ #footer #footer_content { background: transparent; margin: 0 auto; padding: 27px 0 24px; width: 931px; } /* line 283, ../../../../src/scss/common/_layout-dbg.scss */ #footer #footer_content .footer-info { color: #fff; margin: 0; } /* line 286, ../../../../src/scss/common/_layout-dbg.scss */ #footer #footer_content .footer-info .copyright, #footer #footer_content .footer-info #nav-footer { font-family: "clearSans_regular", Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-size: 0.875rem; letter-spacing: 1px; } /* line 291, ../../../../src/scss/common/_layout-dbg.scss */ #footer #footer_content .footer-info .copyright a { color: #fff; } /* line 295, ../../../../src/scss/common/_layout-dbg.scss */ #footer #footer_content ul.nav-socials { margin-bottom: 73px; } /* line 297, ../../../../src/scss/common/_layout-dbg.scss */ #footer #footer_content ul.nav-socials a:before, #footer #footer_content ul.nav-socials a:after { color: #fff; } /* line 300, ../../../../src/scss/common/_layout-dbg.scss */ #footer #footer_content ul.nav-socials > li + li { padding-left: 18px; } /* line 304, ../../../../src/scss/common/_layout-dbg.scss */ #footer #footer_content #nav-footer, #footer #footer_content .nav-top { margin: 0; } /* line 306, ../../../../src/scss/common/_layout-dbg.scss */ #footer #footer_content #nav-footer a, #footer #footer_content .nav-top a { color: #fff; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ #footer #footer_content #nav-footer a:hover, #footer #footer_content .nav-top a:hover { color: #fff; } /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ #footer #footer_content #nav-footer a:before, #footer #footer_content #nav-footer a:after, #footer #footer_content .nav-top a:before, #footer #footer_content .nav-top a:after { color: #fff; } /* line 20, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ #footer #footer_content #nav-footer a:hover:before, #footer #footer_content #nav-footer a:hover:after, #footer #footer_content .nav-top a:hover:before, #footer #footer_content .nav-top a:hover:after { color: #fff; } /* line 311, ../../../../src/scss/common/_layout-dbg.scss */ #footer #footer_content #nav-footer li { padding-left: 20px; } /* line 314, ../../../../src/scss/common/_layout-dbg.scss */ #footer #footer_content .nav-top { bottom: auto; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; font-size: 20px; font-size: 1.25rem; right: 0; top: 25px; } /* line 320, ../../../../src/scss/common/_layout-dbg.scss */ #footer #footer_content .nav-top a { position: relative; } /* line 323, ../../../../src/scss/common/_layout-dbg.scss */ #footer #footer_content .nav-top a:after, #footer #footer_content .nav-top a:hover:after { font-size: 30px; font-size: 1.875rem; content: "\e602"; display: block; position: absolute; right: -6px; top: 1px; } /* line 335, ../../../../src/scss/common/_layout-dbg.scss */ .clearRow { border: 0; height: 0; } /* line 341, ../../../../src/scss/common/_layout-dbg.scss */ .printPreview .page #breadcrumb { width: 100%; } /* line 344, ../../../../src/scss/common/_layout-dbg.scss */ .printPreview .page #main #main-content { padding: 0; width: 100%; } /* line 350, ../../../../src/scss/common/_layout-dbg.scss */ .icon-right:before, #nav-primary > li > ul > li a:before, #subNavigation li a:before { content: "\e601"; left: -4px; } /* line 358, ../../../../src/scss/common/_layout-dbg.scss */ .facets .container .facet > h3.toggleBtn .icon-down:before, .facets .container .facet > h3.toggleBtn.close .icon-down:before { font-size: 24px; left: 0; margin-left: -5px; } /* line 365, ../../../../src/scss/common/_layout-dbg.scss */ .facets .container .facet > h3.toggleBtn .icon-down:before { content: "\e603"; } /* line 369, ../../../../src/scss/common/_layout-dbg.scss */ .facets .container .facet > h3.toggleBtn.close .icon-down:before { content: "\e601"; } /* line 374, ../../../../src/scss/common/_layout-dbg.scss */ a.icon_youtube:before { content: "\e90e"; } /* line 378, ../../../../src/scss/common/_layout-dbg.scss */ dl.event-list.event-list-location dd .google-maps-locations { margin-top: 0; } /* line 382, ../../../../src/scss/common/_layout-dbg.scss */ .event-registration a { padding-left: 38px; } /* line 384, ../../../../src/scss/common/_layout-dbg.scss */ .event-registration a.icon_linkedIn:before { display: block; font-size: 19px; margin: 0 0 0 -23px; position: absolute; } /* line 390, ../../../../src/scss/common/_layout-dbg.scss */ .event-registration a:hover { text-decoration: none; } /* line 396, ../../../../src/scss/common/_layout-dbg.scss */ ul.footer-nav-socials a.icon_google:before { margin-left: 2px; } /* line 399, ../../../../src/scss/common/_layout-dbg.scss */ ul.footer-nav-socials a.icon_linkedIn:before { margin-left: -1px; } /* line 404, ../../../../src/scss/common/_layout-dbg.scss */ .paragraph sup { position: relative; top: -5px; vertical-align: inherit; } /* line 410, ../../../../src/scss/common/_layout-dbg.scss */ .paragraph sub { bottom: -7px; position: relative; vertical-align: inherit; } /* line 416, ../../../../src/scss/common/_layout-dbg.scss */ a:hover span.btn, a:hover .mwf-form span[type="button"], .mwf-form a:hover span[type="button"], a:hover .mwf-form span[type="submit"], .mwf-form a:hover span[type="submit"] { text-decoration: none; } /* line 3, ../../../../src/scss/common/_header-dbg.scss */ #header #branding { height: 50px; max-width: 250px; padding: 0; position: absolute; top: 37px; } /* line 1, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary-wrapper { background: #009; } /* line 3, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary-wrapper nav { margin: 0 auto; width: 931px; } /* line 9, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary { background: transparent; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; margin: 0 auto; width: 931px; } /* line 15, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary li ul { padding: 22px 0; } /* line 19, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li { background: none; } /* line 21, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li > a { font-size: 18px; font-size: 1.125rem; border-bottom-width: 3px; color: #fff; margin: 0 12px; padding: 9px 0 3px; } /* line 27, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li > a:hover { color: #fff; } /* line 32, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li.first > a { margin-left: 0; padding: 9px 0 3px; } /* line 36, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li.first:hover > ul, #header #nav-primary > li.first.hover > ul { left: -26px; } /* line 40, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li.open > a, #header #nav-primary > li.active > a { border-color: #fff; color: #fff; } /* line 44, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li:hover, #header #nav-primary > li.hover { background-color: #009; } /* line 46, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li:hover > a, #header #nav-primary > li:hover.active > a, #header #nav-primary > li:hover.open > a, #header #nav-primary > li.hover > a, #header #nav-primary > li.hover.active > a, #header #nav-primary > li.hover.open > a { border-color: #fff; } /* line 49, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li:hover > ul, #header #nav-primary > li.hover > ul { left: -12px; } /* line 56, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li > ul { font-size: 16px; font-size: 1rem; background-color: #009; background-color: rgba(0, 0, 153, 0.92); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* line 61, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li > ul > li { background: transparent; margin: 0 32px 0 26px; padding: 0; } /* line 65, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li > ul > li + li > a { border-top: 1px solid #666; line-height: 24px; } /* line 69, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li > ul > li a { color: #d4d4d4; margin: 0; padding: 5px 0 5px 18px; position: relative; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ #header #nav-primary > li > ul > li a:hover { color: #fff; } /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ #header #nav-primary > li > ul > li.has-submenu a:before, #header #nav-primary > li > ul > li.has-submenu a:after { color: #d4d4d4; } /* line 20, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ #header #nav-primary > li > ul > li.has-submenu a:hover:before, #header #nav-primary > li > ul > li.has-submenu a:hover:after { color: #fff; } /* line 81, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li > ul > li.has-submenu a:before { font-size: 24px; font-size: 1.5rem; left: -9px; position: absolute; top: 6px; } /* line 87, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li > ul > li.open > a, #header #nav-primary > li > ul > li.active > a { color: #fff; } /* line 91, ../../../../src/scss/common/_nav-main-dbg.scss */ #header #nav-primary > li > ul ul { font-size: 17px; font-size: 1.0625rem; padding-left: 20px; } /* line 1, ../../../../src/scss/common/_nav-meta-dbg.scss */ ul.nav-meta { font-size: 14px; font-size: 0.875rem; font-family: "clearSans_light", Arial, Verdana, Helvetica, sans-serif; } /* line 4, ../../../../src/scss/common/_nav-meta-dbg.scss */ ul.nav-meta li.last { padding-left: 28px; } /* line 9, ../../../../src/scss/common/_nav-meta-dbg.scss */ .current-datetime { color: #333; font-size: 14px; font-size: 0.875rem; font-family: "clearSans_light", Arial, Verdana, Helvetica, sans-serif; } /* line 2, ../../../../src/scss/common/_nav-search-dbg.scss */ #header ul.nav-search input[type=text] { font-size: 14px; font-size: 0.875rem; border: 1px solid #d4d4d4; border-right: 0; float: left; font-family: "clearSans_light", Arial, Verdana, Helvetica, sans-serif; height: 34px; width: 177px; } /* line 11, ../../../../src/scss/common/_nav-search-dbg.scss */ #header ul.nav-search input[type=submit] { background: #fff url(/blob/2550284/f8f949d347bee99f4d9df9f8a0d8e861/data/icon-search-brand.png.png) no-repeat 36% 50%; border: 1px solid #d4d4d4; border-left: 0; height: 34px; } /* line 1, ../../../../src/scss/common/_nav-breadcrumb-dbg.scss */ #breadcrumb { margin: 0 auto; padding: 0; width: 931px; } /* line 5, ../../../../src/scss/common/_nav-breadcrumb-dbg.scss */ #breadcrumb .nav-breadcrumb { font-family: "clearSans_light", Arial, Verdana, Helvetica, sans-serif; } /* line 7, ../../../../src/scss/common/_nav-breadcrumb-dbg.scss */ #breadcrumb .nav-breadcrumb a, #breadcrumb .nav-breadcrumb strong, #breadcrumb .nav-breadcrumb :before, #breadcrumb .nav-breadcrumb :after { color: #333; } /* line 10, ../../../../src/scss/common/_nav-breadcrumb-dbg.scss */ #breadcrumb .nav-breadcrumb a:hover { color: #009; } /* line 13, ../../../../src/scss/common/_nav-breadcrumb-dbg.scss */ #breadcrumb .nav-breadcrumb .icon-right:before { color: #969696; content: "\e601"; } /* line 17, ../../../../src/scss/common/_nav-breadcrumb-dbg.scss */ #breadcrumb .nav-breadcrumb li a, #breadcrumb .nav-breadcrumb li strong { padding: 0; } /* workaround für showcase */ /* line 24, ../../../../src/scss/common/_nav-breadcrumb-dbg.scss */ .homepage #breadcrumb { margin-top: -38px; } /* line 1, ../../../../src/scss/common/_nav-letterIndex-dbg.scss */ .nav-letterIndex { margin: 0 0 30px; } /* line 3, ../../../../src/scss/common/_nav-letterIndex-dbg.scss */ .nav-letterIndex .letterBtn { color: #009; background: transparent; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .nav-letterIndex .letterBtn:hover { color: #009; } /* line 6, ../../../../src/scss/common/_nav-letterIndex-dbg.scss */ .nav-letterIndex .letterBtn:hover, .nav-letterIndex .letterBtn:focus { background: transparent; border-color: #009; } /* line 11, ../../../../src/scss/common/_nav-letterIndex-dbg.scss */ .nav-letterIndex .letterBtn.disabled { color: #747474; cursor: default; opacity: .5; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .nav-letterIndex .letterBtn.disabled:hover { color: #747474; } /* line 16, ../../../../src/scss/common/_nav-letterIndex-dbg.scss */ .nav-letterIndex .letterBtn.active { color: #009; border-color: #009; cursor: default; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .nav-letterIndex .letterBtn.active:hover { color: #009; } /* line 1, ../../../../src/scss/common/_nav-secondary-dbg.scss */ #supplement #subNavigation { font-size: 16px; font-size: 1rem; font-family: "newsGothic_roman", Arial, Verdana, Helvetica, sans-serif; } /* line 4, ../../../../src/scss/common/_nav-secondary-dbg.scss */ #supplement #subNavigation h3 { font-size: 18px; font-size: 1.125rem; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; margin-bottom: 32px; } /* line 9, ../../../../src/scss/common/_nav-secondary-dbg.scss */ #supplement #subNavigation li { margin: 0; padding: 0; } /* line 12, ../../../../src/scss/common/_nav-secondary-dbg.scss */ #supplement #subNavigation li a { color: #333; padding: 5px 0 4px 18px; position: relative; } /* line 16, ../../../../src/scss/common/_nav-secondary-dbg.scss */ #supplement #subNavigation li a.active, #supplement #subNavigation li a.active_target { color: #009; } /* line 19, ../../../../src/scss/common/_nav-secondary-dbg.scss */ #supplement #subNavigation li a:hover span, #supplement #subNavigation li a:focus span { text-decoration: none; } /* line 22, ../../../../src/scss/common/_nav-secondary-dbg.scss */ #supplement #subNavigation li a:before { color: #969696; display: none; margin: 0; } /* line 27, ../../../../src/scss/common/_nav-secondary-dbg.scss */ #supplement #subNavigation li a span { border: 0; display: block; } /* line 33, ../../../../src/scss/common/_nav-secondary-dbg.scss */ #supplement #subNavigation li.has-submenu > a:before { display: block; left: -7px; top: 3px; } /* line 38, ../../../../src/scss/common/_nav-secondary-dbg.scss */ #supplement #subNavigation li.has-submenu > a.active, #supplement #subNavigation li.has-submenu > a.active_target { border-bottom: 1px solid #d4d4d4; } /* line 41, ../../../../src/scss/common/_nav-secondary-dbg.scss */ #supplement #subNavigation li.has-submenu ul { margin-left: 18px; } /* line 46, ../../../../src/scss/common/_nav-secondary-dbg.scss */ #supplement #subNavigation li:hover > a, #supplement #subNavigation li:hover > span, #supplement #subNavigation li:hover > :before, #supplement #subNavigation li.hover > a, #supplement #subNavigation li.hover > span, #supplement #subNavigation li.hover > :before, #supplement #subNavigation li.active > a, #supplement #subNavigation li.active > span, #supplement #subNavigation li.active > :before { color: #009; } /* line 50, ../../../../src/scss/common/_nav-secondary-dbg.scss */ #supplement #subNavigation li ul { padding: 0; } /* line 54, ../../../../src/scss/common/_nav-secondary-dbg.scss */ #supplement #subNavigation .container > ul > li.last { border-bottom: 1px solid #d4d4d4; padding-bottom: 1px; } /* line 1, ../../../../src/scss/common/_list-news-dbg.scss */ .list-news { margin-bottom: 30px; } /* line 4, ../../../../src/scss/common/_list-news-dbg.scss */ .list-news > li.list2Col .indexCol, .list-news > li.list2Col .contentCol { padding: 0 0 10px; } /* line 8, ../../../../src/scss/common/_list-news-dbg.scss */ .list-news > li.list2Col .indexCol .date { font-size: 13px; font-size: 0.8125rem; font-family: "clearSans_light", Arial, Verdana, Helvetica, sans-serif; } /* line 14, ../../../../src/scss/common/_list-news-dbg.scss */ .list-news > li.list2Col .contentCol h3 a { font-size: 17px; font-size: 1.0625rem; } /* line 18, ../../../../src/scss/common/_list-news-dbg.scss */ .list-news li.list2Col + li { margin: 0 0 3px; } /* line 20, ../../../../src/scss/common/_list-news-dbg.scss */ .list-news li.list2Col + li .indexCol, .list-news li.list2Col + li .contentCol { padding-top: 10px; } /* line 1, ../../../../src/scss/common/_main-content-dbg.scss */ #content h2.main-title, #content .container > h2:first-child { margin: -8px 0 12px; } /* line 5, ../../../../src/scss/common/_main-content-dbg.scss */ span.subtitle { margin-bottom: 12px; } /* line 9, ../../../../src/scss/common/_main-content-dbg.scss */ .image { color: #606060; } /* line 11, ../../../../src/scss/common/_main-content-dbg.scss */ .image.float--left { margin-bottom: 20px; } /* line 14, ../../../../src/scss/common/_main-content-dbg.scss */ .image .caption-block { font-family: "clearSans_light", Arial, Verdana, Helvetica, sans-serif; padding: 0; } /* line 18, ../../../../src/scss/common/_main-content-dbg.scss */ .image + .paragraph { margin-top: -4px; } /* line 24, ../../../../src/scss/common/_main-content-dbg.scss */ .listview .topline, .detailView .topline { color: #333; font-size: 14px; font-size: 0.875rem; font-family: "clearSans_light", Arial, Verdana, Helvetica, sans-serif; margin-bottom: 21px; } /* line 29, ../../../../src/scss/common/_main-content-dbg.scss */ .listview .topline .date, .detailView .topline .date { font-size: 14px; font-size: 0.875rem; } /* line 32, ../../../../src/scss/common/_main-content-dbg.scss */ .listview .topline:empty, .detailView .topline:empty { display: none; } /* line 39, ../../../../src/scss/common/_main-content-dbg.scss */ .listview .sort-options { margin: 0; } /* line 42, ../../../../src/scss/common/_main-content-dbg.scss */ .listview .list-switcher:after { bottom: -3px; } /* line 48, ../../../../src/scss/common/_main-content-dbg.scss */ .detailView .topline { margin-top: -4px; } /* line 52, ../../../../src/scss/common/_main-content-dbg.scss */ .detailView .detailText .paragraph img { margin: 0; } /* line 55, ../../../../src/scss/common/_main-content-dbg.scss */ .detailView .detailText .paragraph .image.float--left { float: left; margin-right: 20px; max-width: 330px; } /* line 59, ../../../../src/scss/common/_main-content-dbg.scss */ .detailView .detailText .paragraph .image.float--left + p { margin-top: -3px; } /* line 63, ../../../../src/scss/common/_main-content-dbg.scss */ .detailView .detailText em { font-style: italic; } /* line 66, ../../../../src/scss/common/_main-content-dbg.scss */ .detailView .detailText strong { font-weight: bold; } /* line 72, ../../../../src/scss/common/_main-content-dbg.scss */ .lightbox-image { margin-bottom: 10px; } /* line 76, ../../../../src/scss/common/_main-content-dbg.scss */ .homepage #main-content > div { margin: 0 0 42px; } /* line 81, ../../../../src/scss/common/_main-content-dbg.scss */ ul.tabs-nav li { margin-top: 8px; } /* line 84, ../../../../src/scss/common/_main-content-dbg.scss */ ul.tabs-nav li > * { font-size: 18px; font-size: 1.125rem; color: #333; } /* line 87, ../../../../src/scss/common/_main-content-dbg.scss */ ul.tabs-nav li > *:focus, ul.tabs-nav li > *:hover, ul.tabs-nav li > *:active { color: #009; border-color: #009; } /* line 93, ../../../../src/scss/common/_main-content-dbg.scss */ ul.tabs-nav li:first-child:last-child.selected > *, ul.tabs-nav li:first-child:last-child.ui-tabs-active a { border-color: transparent; } /* line 2, ../../../../src/scss/common/_main-content-rte-dbg.scss */ #content .detailText > .paragraph, #content .paragraph, #content .paragraph:first-child { margin: 0; } /* line 5, ../../../../src/scss/common/_main-content-rte-dbg.scss */ #content .detailText > .paragraph > div .rte--list > li > a, #content .detailText > .paragraph > div > p > a, #content .detailText > .paragraph > div > a, #content .paragraph > div .rte--list > li > a, #content .paragraph > div > p > a, #content .paragraph > div > a, #content .paragraph:first-child > div .rte--list > li > a, #content .paragraph:first-child > div > p > a, #content .paragraph:first-child > div > a { color: #333; text-decoration: underline; } /* line 9, ../../../../src/scss/common/_main-content-rte-dbg.scss */ #content .detailText > .paragraph > div .rte--list > li > a:hover, #content .detailText > .paragraph > div > p > a:hover, #content .detailText > .paragraph > div > a:hover, #content .paragraph > div .rte--list > li > a:hover, #content .paragraph > div > p > a:hover, #content .paragraph > div > a:hover, #content .paragraph:first-child > div .rte--list > li > a:hover, #content .paragraph:first-child > div > p > a:hover, #content .paragraph:first-child > div > a:hover { color: #009; } /* line 13, ../../../../src/scss/common/_main-content-rte-dbg.scss */ #content .detailText > .paragraph .p--heading-1, #content .detailText > .paragraph .p--heading-2, #content .detailText > .paragraph .p--heading-3, #content .detailText > .paragraph .p--heading-4, #content .detailText > .paragraph .p--heading-5, #content .detailText > .paragraph .p--heading-6, #content .paragraph .p--heading-1, #content .paragraph .p--heading-2, #content .paragraph .p--heading-3, #content .paragraph .p--heading-4, #content .paragraph .p--heading-5, #content .paragraph .p--heading-6, #content .paragraph:first-child .p--heading-1, #content .paragraph:first-child .p--heading-2, #content .paragraph:first-child .p--heading-3, #content .paragraph:first-child .p--heading-4, #content .paragraph:first-child .p--heading-5, #content .paragraph:first-child .p--heading-6 { font-size: 18px; font-size: 1.125rem; color: #009; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 1.2em; margin: 0 0 12px; } /* line 26, ../../../../src/scss/common/_main-content-rte-dbg.scss */ #content .detailText > .paragraph .p--heading-1, #content .paragraph .p--heading-1, #content .paragraph:first-child .p--heading-1 { font-size: 22px; font-size: 1.375rem; color: #606060; font-family: "newsGothic_roman", Arial, Verdana, Helvetica, sans-serif; } /* line 31, ../../../../src/scss/common/_main-content-rte-dbg.scss */ #content .detailText > .paragraph .p--heading-2, #content .paragraph .p--heading-2, #content .paragraph:first-child .p--heading-2 { margin-bottom: 23px; } /* line 34, ../../../../src/scss/common/_main-content-rte-dbg.scss */ #content .detailText > .paragraph .p--heading-3, #content .paragraph .p--heading-3, #content .paragraph:first-child .p--heading-3 { color: #333; margin-bottom: 7px; } /* line 38, ../../../../src/scss/common/_main-content-rte-dbg.scss */ #content .detailText > .paragraph p a, #content .paragraph p a, #content .paragraph:first-child p a { text-decoration: underline; } /* line 43, ../../../../src/scss/common/_main-content-rte-dbg.scss */ #content .image-float--left .image, #content .image-float--right .image { max-width: 330px; } /* line 46, ../../../../src/scss/common/_main-content-rte-dbg.scss */ #content .image-float--left .title, #content .image-float--right .title { margin-top: -3px; } /* line 51, ../../../../src/scss/common/_main-content-rte-dbg.scss */ #content .paragraph p, #content .paragraph ul.rte--list, #content .paragraph p > img { margin-bottom: 20px; } /* line 58, ../../../../src/scss/common/_main-content-rte-dbg.scss */ .paragraph p > img { margin-bottom: 20px; } /* line 61, ../../../../src/scss/common/_main-content-rte-dbg.scss */ .paragraph p:first-child { margin-top: -3px; } /* line 64, ../../../../src/scss/common/_main-content-rte-dbg.scss */ .paragraph li p { margin: 0; } /* line 71, ../../../../src/scss/common/_main-content-rte-dbg.scss */ #content .image-float--left .image { float: left; margin: 0 30px 10px 0; } /* line 75, ../../../../src/scss/common/_main-content-rte-dbg.scss */ #content .image-float--left .paragraph ul, #content .image-float--left .paragraph ol { display: table; } /* line 80, ../../../../src/scss/common/_main-content-rte-dbg.scss */ #content .image-float--right .image { float: right; margin: 0 0 10px 30px; } /* line 84, ../../../../src/scss/common/_main-content-rte-dbg.scss */ #content .image-float--right .paragraph ul, #content .image-float--right .paragraph ol { display: table; } /* line 91, ../../../../src/scss/common/_main-content-rte-dbg.scss */ ol.rte--list > li { list-style: decimal outside; line-height: 1.4; margin: 0 0 4px 20px; } /* line 96, ../../../../src/scss/common/_main-content-rte-dbg.scss */ ol.rte--list ul, ol.rte--list ol, ol.rte--list dl { margin-bottom: 0; } /* line 102, ../../../../src/scss/common/_main-content-rte-dbg.scss */ ul.rte--list > li { padding-left: 23px; } /* line 104, ../../../../src/scss/common/_main-content-rte-dbg.scss */ ul.rte--list > li:before { font-size: 27px; font-size: 1.6875rem; color: #b2b2b2; left: -10px; margin: 0; position: absolute; top: -3px; } /* line 112, ../../../../src/scss/common/_main-content-rte-dbg.scss */ ul.rte--list > li + li, ul.rte--list > li > ul { margin-top: 4px; border-top: 0; } /* line 116, ../../../../src/scss/common/_main-content-rte-dbg.scss */ ul.rte--list > li ul, ul.rte--list > li ol, ul.rte--list > li dl { margin-bottom: 0; } /* line 1, ../../../../src/scss/common/_page-functions-dbg.scss */ #page-functions { font-size: 14px; font-size: 0.875rem; font-family: "clearSans_light", Arial, Verdana, Helvetica, sans-serif; margin: 3px 0 37px; text-align: right; } /* line 6, ../../../../src/scss/common/_page-functions-dbg.scss */ #page-functions a:before, #page-functions a:after { color: #333; } /* line 9, ../../../../src/scss/common/_page-functions-dbg.scss */ #page-functions a:hover:before, #page-functions a:hover:after { color: #009; } /* line 13, ../../../../src/scss/common/_page-functions-dbg.scss */ #page-functions > ul > li { padding-left: 10px; padding-right: 0; } /* line 18, ../../../../src/scss/common/_page-functions-dbg.scss */ #page-functions .dropdown > .dropdown-menu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #f0f0f0; border: 0; right: 0; } /* line 3, ../../../../src/scss/common/_sitemap-dbg.scss */ .sitemap .icon:before, .sitemap .fancybox-prev span:before, .fancybox-prev .sitemap span:before, .sitemap .fancybox-next span:before, .fancybox-next .sitemap span:before { content: "\e601"; } /* line 7, ../../../../src/scss/common/_sitemap-dbg.scss */ .sitemap .sitemap-list li:before { color: #747474; } /* line 10, ../../../../src/scss/common/_sitemap-dbg.scss */ .sitemap .sitemap-list .list li:before { margin-top: -3px; } /* line 1, ../../../../src/scss/common/_CEs-dbg.scss */ .numberOfTheWeek .title, .linkListModule .title, .accordion .title, .trading-times .time-element h4 { font-size: 18px; font-size: 1.125rem; font-family: "newsGothic_roman", Arial, Verdana, Helvetica, sans-serif; margin-bottom: 35px; } /* line 7, ../../../../src/scss/common/_CEs-dbg.scss */ .teaserBox h2, .item-text h2.title, .teaserStandard h2.title, .teaserSpecial h2.title, #content div.teaserSpecial h2.title { font-size: 18px; font-size: 1.125rem; color: #009; font-family: "newsGothic_roman", Arial, Verdana, Helvetica, sans-serif; margin: -4px 0 18px; } /* line 12, ../../../../src/scss/common/_CEs-dbg.scss */ .teaserBox h2 a, .item-text h2.title a, .teaserStandard h2.title a, .teaserSpecial h2.title a, #content div.teaserSpecial h2.title a { font-size: 20px; font-size: 1.25rem; color: #009; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; margin-top: 1px; } /* line 26, ../../../../src/scss/common/_CEs-dbg.scss */ #content .teaserBox .container .navigator h2 { margin: -3px 0 9px; } /* line 29, ../../../../src/scss/common/_CEs-dbg.scss */ #content .teaserBox .container .navigator li { padding: 6px 0 5px; } /* line 33, ../../../../src/scss/common/_CEs-dbg.scss */ #content .teaserBox .navigator-item .title { margin-bottom: 32px; } /* line 36, ../../../../src/scss/common/_CEs-dbg.scss */ #content .teaserBox .navigator-item > ul.list-links { height: 304px; overflow: auto; } /* line 40, ../../../../src/scss/common/_CEs-dbg.scss */ #content .teaserBox .navigator-text { height: 300px; overflow: auto; } /* line 43, ../../../../src/scss/common/_CEs-dbg.scss */ #content .teaserBox .navigator-text a { position: relative; } /* line 46, ../../../../src/scss/common/_CEs-dbg.scss */ #content .teaserBox .navigator-text a:hover { text-decoration: none; } /* line 49, ../../../../src/scss/common/_CEs-dbg.scss */ #content .teaserBox .navigator-text a:before { background-color: #d4d4d4; bottom: 3px; content: ""; display: block; height: 1px; left: 0; position: absolute; right: 0; } /* line 59, ../../../../src/scss/common/_CEs-dbg.scss */ #content .teaserBox .navigator-text a:hover:before { background-color: #009; } /* line 62, ../../../../src/scss/common/_CEs-dbg.scss */ #content .teaserBox .navigator-text p, #content .teaserBox .navigator-text li { margin-bottom: 14px; } /* line 65, ../../../../src/scss/common/_CEs-dbg.scss */ #content .teaserBox .navigator-text ul { margin: 0; } /* line 68, ../../../../src/scss/common/_CEs-dbg.scss */ #content .teaserBox .navigator-text li { list-style: none; padding: 0; } /* line 72, ../../../../src/scss/common/_CEs-dbg.scss */ #content .teaserBox .navigator-text li:before { content: ""; } /* line 2, ../../../../src/scss/common/_CE-accordion-dbg.scss */ .accordion.ui-accordion .ui-accordion-header { font-size: 18px; font-size: 1.125rem; border-bottom: 1px solid #d4d4d4; border-top: 0; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 10px 0 9px 36px; text-decoration: none; } /* line 10, ../../../../src/scss/common/_CE-accordion-dbg.scss */ .accordion.ui-accordion .ui-accordion-header:before { font-size: 26px; font-size: 1.625rem; color: #969696; content: "\e607"; margin: 0 0 0 -5px; top: 6px; } /* line 18, ../../../../src/scss/common/_CE-accordion-dbg.scss */ .accordion.ui-accordion .ui-accordion-header:hover span { text-decoration: underline; } /* line 21, ../../../../src/scss/common/_CE-accordion-dbg.scss */ .accordion.ui-accordion .ui-accordion-header:hover:before { color: #009; } /* line 25, ../../../../src/scss/common/_CE-accordion-dbg.scss */ .accordion.ui-accordion .ui-accordion-header.ui-state-active { border-color: transparent; color: #009; } /* line 28, ../../../../src/scss/common/_CE-accordion-dbg.scss */ .accordion.ui-accordion .ui-accordion-header.ui-state-active:before { content: "\e610a"; } /* line 32, ../../../../src/scss/common/_CE-accordion-dbg.scss */ .accordion.ui-accordion .ui-accordion-header .title:before { margin-top: 0; top: 11px; } /* line 37, ../../../../src/scss/common/_CE-accordion-dbg.scss */ .accordion.ui-accordion .ui-accordion-content { border-bottom: 1px solid #d4d4d4; padding: 0 0 25px 37px; } /* line 41, ../../../../src/scss/common/_CE-accordion-dbg.scss */ .accordion.ui-accordion div p.p--heading-2 { margin-bottom: 20px; } /* line 46, ../../../../src/scss/common/_CE-accordion-dbg.scss */ #main #content .accordion .paragraph:last-child { margin: 0; } /* line 50, ../../../../src/scss/common/_CE-accordion-dbg.scss */ .printPreview .accordion.ui-accordion .ui-accordion-header { border-color: transparent; } /* line 2, ../../../../src/scss/common/_CE-directContact-dbg.scss */ .directContact .image, .contactDetails .image { float: none; margin: 0 0 14px; padding: 0; } /* line 10, ../../../../src/scss/common/_CE-directContact-dbg.scss */ #content .contact-block { color: #333; } /* line 12, ../../../../src/scss/common/_CE-directContact-dbg.scss */ #content .contact-block > p { color: #333; margin: 0; } /* line 15, ../../../../src/scss/common/_CE-directContact-dbg.scss */ #content .contact-block > p + p, #content .contact-block > p + a { border: 0; } /* line 20, ../../../../src/scss/common/_CE-directContact-dbg.scss */ #content .contact-block.info > a, #content .contact-block.info > p { padding: 0 0 12px 30px; } /* line 23, ../../../../src/scss/common/_CE-directContact-dbg.scss */ #content .contact-block.info > a + a { border: 0; } /* line 26, ../../../../src/scss/common/_CE-directContact-dbg.scss */ #content .contact-block.info .icon-time:before { margin-top: -1px; } /* line 29, ../../../../src/scss/common/_CE-directContact-dbg.scss */ #content .contact-block.info .icon-web:before { margin-top: -2px; } /* line 32, ../../../../src/scss/common/_CE-directContact-dbg.scss */ #content .contact-block.info .icon-pen:before { content: "\e907"; } /* line 9, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .homepage #main-content > #stageModule { margin-bottom: 55px; } /* line 13, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .stage-module { background: #f0f0f0; margin: 0; } /* line 17, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .stage-module .media { float: left; width: 48.9%; height: auto; overflow: hidden; position: relative; } /* line 24, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .stage-module .media > img { width: 100%; height: auto; max-width: none; } /* line 30, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .stage-module .media > .overlay { width: 100%; position: absolute; } /* line 33, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .stage-module .media > .overlay a.icon { background: transparent; } /* line 36, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .stage-module .media > .overlay a.icon:before { font-size: 128px; font-size: 8rem; display: block; height: 55px; left: 0; line-height: 55px; margin: 0 0 0 -35px; padding: 0; top: 0; width: 55px; } /* line 51, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .stage-module .item-text { overflow: hidden; float: right; width: calc(100% - 48.9%); padding: 71px 81px 0 43px; } /* line 57, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .stage-module .item-text .title { font-size: 32px; font-size: 2rem; font-family: "newsGothic_light", Arial, Verdana, Helvetica, sans-serif; letter-spacing: -0.016em; line-height: 1.19em; margin-bottom: 0.5em; } /* line 65, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .stage-module .item-text a { color: #009; } /* line 69, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .stage-module .item-text p { line-height: 1.35em; } /* line 82, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .swiper-container .icon-play:before { color: #fff; } /* line 89, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .slider-control { position: absolute; width: 46.5%; z-index: 20; bottom: 29px; padding: 0; right: 0; } /* line 97, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .slider-control > * { display: inline-block; } /* line 101, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .slider-control .icon:before, .js-stage-slider .slider-control .fancybox-prev span:before, .fancybox-prev .js-stage-slider .slider-control span:before, .js-stage-slider .slider-control .fancybox-next span:before, .fancybox-next .js-stage-slider .slider-control span:before { color: #b2b2b2; } /* line 105, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .slider-control .icon:hover:before, .js-stage-slider .slider-control .fancybox-prev span:hover:before, .fancybox-prev .js-stage-slider .slider-control span:hover:before, .js-stage-slider .slider-control .fancybox-next span:hover:before, .fancybox-next .js-stage-slider .slider-control span:hover:before { color: #009; } /* line 111, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .slider-controler { z-index: 20; cursor: pointer; margin-left: -4px; } /* line 116, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .slider-controler .icon:before, .js-stage-slider .slider-controler .fancybox-prev span:before, .fancybox-prev .js-stage-slider .slider-controler span:before, .js-stage-slider .slider-controler .fancybox-next span:before, .fancybox-next .js-stage-slider .slider-controler span:before { font-size: 1.35em; } /* line 122, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .swiper-pagination-bullet { background: #b2b2b2; border: 1px solid transparent; border-radius: 1em; cursor: pointer; display: inline-block; height: 10px; width: 10px; margin-right: 0.85em; opacity: 1; vertical-align: middle; } /* line 134, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .swiper-pagination-bullet:hover { background: #009; } /* line 139, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .swiper-pagination-bullet.swiper-pagination-bullet-active { background: transparent; border: 1px solid #b2b2b2; border-radius: 14px; cursor: default; height: 14px; width: 14px; } /* line 150, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .swiper-button-prev, .js-stage-slider .swiper-button-next { cursor: pointer; display: block; width: 36px; height: 36px; margin-top: -18px; position: absolute; top: 50%; z-index: 10; } /* line 161, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .swiper-button-prev:before, .js-stage-slider .swiper-button-next:before { font-size: 40px; font-size: 2.5rem; background: transparent; color: #b2b2b2; font-family: "icomoon", Arial, Verdana, sans-serif; height: 36px; line-height: 36px; position: absolute; width: 36px; } /* line 171, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .swiper-button-prev:hover, .js-stage-slider .swiper-button-next:hover { background-color: #000; background-color: rgba(0, 0, 0, 0.25); } /* line 174, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .swiper-button-prev:hover:before, .js-stage-slider .swiper-button-next:hover:before { color: #fff; } /* line 179, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .swiper-button-prev { left: 20px; } /* line 181, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .swiper-button-prev:before { content: "\e600"; margin-left: -3px; } /* line 187, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .swiper-button-next { right: 20px; } /* line 189, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .js-stage-slider .swiper-button-next:before { content: "\e601"; margin-left: -1px; } /* line 199, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .grid6Col .stage-module { background-color: white; } /* line 203, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .grid6Col .stage-module .item-text { padding: 20px 81px 0 33px; } /* line 206, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .grid6Col .stage-module .item-text p { line-height: 1.25em; } /* line 211, ../../../../src/scss/common/_CE-stageModules-dbg.scss */ .grid6Col .stage-module .slide .title { font-size: 21px; font-size: 1.3125rem; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; } /* line 1, ../../../../src/scss/common/_CE-furtherInformation-dbg.scss */ .furtherInformation, .relatedTopics, .relatedTopics { margin: 0 0 30px; } /* line 4, ../../../../src/scss/common/_CE-furtherInformation-dbg.scss */ .furtherInformation h3, .relatedTopics h3, .relatedTopics h3 { color: #009; font-size: 18px; font-size: 1.125rem; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; line-height: 1; margin: 0 0 15px; } /* line 12, ../../../../src/scss/common/_CE-furtherInformation-dbg.scss */ .furtherInformation .linkItem, .relatedTopics .linkItem, .relatedTopics .linkItem { padding: 10px 0 9px; } /* line 14, ../../../../src/scss/common/_CE-furtherInformation-dbg.scss */ .furtherInformation .linkItem > *, .relatedTopics .linkItem > *, .relatedTopics .linkItem > * { padding: 0 0 0 25px; } /* line 17, ../../../../src/scss/common/_CE-furtherInformation-dbg.scss */ .furtherInformation .linkItem + .linkItem, .relatedTopics .linkItem + .linkItem, .relatedTopics .linkItem + .linkItem { border-color: #d4d4d4; } /* line 20, ../../../../src/scss/common/_CE-furtherInformation-dbg.scss */ .furtherInformation .linkItem a:before, .relatedTopics .linkItem a:before, .relatedTopics .linkItem a:before { color: #333; } /* line 23, ../../../../src/scss/common/_CE-furtherInformation-dbg.scss */ .furtherInformation .linkItem a:hover:before, .relatedTopics .linkItem a:hover:before, .relatedTopics .linkItem a:hover:before { color: #009; } /* line 29, ../../../../src/scss/common/_CE-furtherInformation-dbg.scss */ .furtherInformation .container, .relatedTopics .container, .relatedTopics .container { padding: 26px 32px 28px; } /* line 32, ../../../../src/scss/common/_CE-furtherInformation-dbg.scss */ .furtherInformation .container a:hover > span, .relatedTopics .container a:hover > span, .relatedTopics .container a:hover > span { text-decoration: none; } /* line 34, ../../../../src/scss/common/_CE-furtherInformation-dbg.scss */ .furtherInformation .container a:hover > span > span, .relatedTopics .container a:hover > span > span, .relatedTopics .container a:hover > span > span { text-decoration: underline; } /* line 37, ../../../../src/scss/common/_CE-furtherInformation-dbg.scss */ .furtherInformation .container a:hover > span > span + span, .relatedTopics .container a:hover > span > span + span, .relatedTopics .container a:hover > span > span + span { text-decoration: none; } /* line 2, ../../../../src/scss/common/_CE-indices-dbg.scss */ .indices .title { font-size: 18px; font-size: 1.125rem; font-family: "newsGothic_roman", Arial, Verdana, Helvetica, sans-serif; } /* line 6, ../../../../src/scss/common/_CE-indices-dbg.scss */ .indices .date { font-size: 12px; font-size: 0.75rem; color: #606060; padding-left: 8px; } /* line 11, ../../../../src/scss/common/_CE-indices-dbg.scss */ .indices .performance { position: relative; text-align: right; width: 5.5em; white-space: nowrap; } /* line 16, ../../../../src/scss/common/_CE-indices-dbg.scss */ .indices .performance .icon, .indices .performance .fancybox-prev span, .fancybox-prev .indices .performance span, .indices .performance .fancybox-next span, .fancybox-next .indices .performance span { position: absolute; margin-top: -.2em; left: 0; } /* line 17, ../../../../src/scss/common/_CE-indices-dbg.scss */ .indices .performance .icon:before, .indices .performance .fancybox-prev span:before, .fancybox-prev .indices .performance span:before, .indices .performance .fancybox-next span:before, .fancybox-next .indices .performance span:before { font-size: 22px; font-size: 1.375rem; } /* line 24, ../../../../src/scss/common/_CE-indices-dbg.scss */ .indices .performance .percent { padding-left: 25px; } /* line 27, ../../../../src/scss/common/_CE-indices-dbg.scss */ .indices .performance .icon-arrow-up:before { color: #66a50c; } /* line 30, ../../../../src/scss/common/_CE-indices-dbg.scss */ .indices .performance .icon-arrow-down:before { color: #d24614; } /* line 33, ../../../../src/scss/common/_CE-indices-dbg.scss */ .indices .performance .icon-arrow-right:before { color: #666F78; } /* line 37, ../../../../src/scss/common/_CE-indices-dbg.scss */ .indices table.dataTable tr { border-color: #d4d4d4; } /* line 39, ../../../../src/scss/common/_CE-indices-dbg.scss */ .indices table.dataTable tr:last-child { border-bottom: none; } /* line 42, ../../../../src/scss/common/_CE-indices-dbg.scss */ .indices table.dataTable tr a { text-decoration: none; } /* line 2, ../../../../src/scss/common/_CE-newsListModule-dbg.scss */ .tab-container .tab-content .rss { top: 15px; right: 0; } /* line 5, ../../../../src/scss/common/_CE-newsListModule-dbg.scss */ .tab-container .tab-content .rss a:after { display: inline-block; font-size: 18px; margin: -4px 0 0 0; right: 0; } /* line 2, ../../../../src/scss/common/_CE-numberOfWeek-dbg.scss */ .numberOfTheWeek .title { margin-top: -4px; } /* line 5, ../../../../src/scss/common/_CE-numberOfWeek-dbg.scss */ .numberOfTheWeek a { color: #009; } /* line 8, ../../../../src/scss/common/_CE-numberOfWeek-dbg.scss */ .numberOfTheWeek .number { color: #009; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; font-size: 42px; font-size: 2.625rem; line-height: 1em; padding: 0 0 4px; } /* line 2, ../../../../src/scss/common/_CE-teaser-standard-dbg.scss */ #content div.teaserStandard > *:last-child, #content div.teaserSpecial > *:last-child { margin-bottom: 0; } /* line 5, ../../../../src/scss/common/_CE-teaser-standard-dbg.scss */ #content div.teaserStandard img, #content div.teaserSpecial img, #content div.teaserStandard .image, #content div.teaserSpecial .image, #content div.teaserStandard .jwplayer, #content div.teaserSpecial .jwplayer { margin-bottom: 10px; max-width: 100%; } /* line 10, ../../../../src/scss/common/_CE-teaser-standard-dbg.scss */ #content div.teaserStandard .image.float--left, #content div.teaserSpecial .image.float--left, #content div.teaserStandard .image--float-left .image, #content div.teaserSpecial .image--float-left .image { margin-right: 30px; } /* line 14, ../../../../src/scss/common/_CE-teaser-standard-dbg.scss */ #content div.teaserStandard .image--float-left .image, #content div.teaserSpecial .image--float-left .image { margin-top: 1px; } /* line 17, ../../../../src/scss/common/_CE-teaser-standard-dbg.scss */ #content div.teaserStandard .image--float-left h2.title, #content div.teaserSpecial .image--float-left h2.title { margin-bottom: 11px; } /* line 21, ../../../../src/scss/common/_CE-teaser-standard-dbg.scss */ #content div.teaserStandard.video .jwplayer, #content div.video.teaserSpecial .jwplayer { margin-bottom: 14px; } /* line 24, ../../../../src/scss/common/_CE-teaser-standard-dbg.scss */ #content div.teaserStandard.video .jwplayer .jwpreview, #content div.video.teaserSpecial .jwplayer .jwpreview { background-color: #e4e4e5; } /* line 30, ../../../../src/scss/common/_CE-teaser-standard-dbg.scss */ #supplement .teaserBox .container { padding: 25px 30px; } /* line 34, ../../../../src/scss/common/_CE-teaser-standard-dbg.scss */ #content .teaserBox .container h2 { margin: -4px 0 12px; } /* line 38, ../../../../src/scss/common/_CE-teaser-standard-dbg.scss */ #content div.teaserStandard.video > div:first-child, #content div.video.teaserSpecial > div:first-child { margin-bottom: 10px; } /* line 43, ../../../../src/scss/common/_CE-teaser-standard-dbg.scss */ #content .grid3Col div.teaserStandard h2, #content .grid3Col div.teaserSpecial h2 { margin-top: -4px; } /* line 46, ../../../../src/scss/common/_CE-teaser-standard-dbg.scss */ #content .grid3Col div.teaserStandard .video .jwplayer, #content .grid3Col div.teaserSpecial .video .jwplayer { height: 200px; margin: 0 0 10px; } /* line 1, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ #content div.teaserSpecial { margin-bottom: 30px; } /* line 4, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ #content div.teaserSpecial h2 { margin-top: 0; } /* line 7, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ #content div.teaserSpecial.dark { background: #606060; color: #d4d4d4; } /* line 10, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ #content div.teaserSpecial.dark div > p > a { color: #d4d4d4; } /* line 12, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ #content div.teaserSpecial.dark div > p > a:hover { color: #fff; } /* line 16, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ #content div.teaserSpecial.dark .title, #content div.teaserSpecial.dark .title a { color: #fff; } /* line 20, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ #content div.teaserSpecial.blue { background: #009; color: #d4d4d4; } /* line 23, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ #content div.teaserSpecial.blue div > p > a { color: #d4d4d4; } /* line 25, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ #content div.teaserSpecial.blue div > p > a:hover { color: #fff; } /* line 29, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ #content div.teaserSpecial.blue .title, #content div.teaserSpecial.blue .title a { color: #fff; } /* line 33, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ #content div.teaserSpecial.light-blue { background: #d7ebff; } /* line 35, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ #content div.teaserSpecial.light-blue .title, #content div.teaserSpecial.light-blue .title a { color: #009; } /* line 41, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ div.embeddedTeaser { float: none; } /* line 45, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ #content div.teaserSpecial, #content div.embeddedTeaser .teaserStandard, #content div.embeddedTeaser .teaserSpecial { background: #f0f0f0; padding: 27px 28px 20px; } /* line 53, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ div.teaserSpecial h3, div.embeddedTeaser h3 { font-size: 18px; font-size: 1.125rem; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; margin-bottom: 10px; } /* line 57, ../../../../src/scss/common/_CE-teaser-special-dbg.scss */ div.teaserSpecial h3 a, div.embeddedTeaser h3 a { color: #009; } /* line 2, ../../../../src/scss/common/_CE-disclaimer-dbg.scss */ div.disclaimer h2 { margin-bottom: 16px; } /* line 7, ../../../../src/scss/common/_CE-disclaimer-dbg.scss */ .dbg-disclaimer { margin-bottom: 30px; } /* line 9, ../../../../src/scss/common/_CE-disclaimer-dbg.scss */ .dbg-disclaimer .btn-deny { background: #fff; border-color: #d4d4d4; color: #333; margin-left: 14px; } /* line 14, ../../../../src/scss/common/_CE-disclaimer-dbg.scss */ .dbg-disclaimer .btn-deny:hover { border-color: #009; color: #009; } /* SV Ad-hoc-NewsDBG Ad-hoc-News haben ein paar spezielle Elemente in der Singleview
*/ /* line 10, ../../../../src/scss/common/_SV-adhoc-news.scss */ .adhoc-end-of-news { font-weight: bold; } /* line 13, ../../../../src/scss/common/_SV-adhoc-news.scss */ .adhoc-related-isins-label { font-weight: bold; } /* line 16, ../../../../src/scss/common/_SV-adhoc-news.scss */ .adhoc-related-isins { padding-top: 12px; } /* line 3, ../../../../src/scss/common/_SV-textCollection-dbg.scss */ .txt-collection .content-overview > .title { border-bottom: 1px solid #d4d4d4; } /* line 5, ../../../../src/scss/common/_SV-textCollection-dbg.scss */ .txt-collection .content-overview > .title .icon:before, .txt-collection .content-overview > .title .fancybox-prev span:before, .fancybox-prev .txt-collection .content-overview > .title span:before, .txt-collection .content-overview > .title .fancybox-next span:before, .fancybox-next .txt-collection .content-overview > .title span:before { font-size: 22px; font-size: 1.375rem; color: #009; } /* line 10, ../../../../src/scss/common/_SV-textCollection-dbg.scss */ .txt-collection .content-overview + h3.title { font-size: 18px; font-size: 1.125rem; color: #009; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; } /* line 16, ../../../../src/scss/common/_SV-textCollection-dbg.scss */ .txt-collection .paging { margin-bottom: 30px; } /* line 18, ../../../../src/scss/common/_SV-textCollection-dbg.scss */ .txt-collection .paging a.next, .txt-collection .paging a.prev { color: #333; padding-top: 1px; } /* line 21, ../../../../src/scss/common/_SV-textCollection-dbg.scss */ .txt-collection .paging a.next:hover, .txt-collection .paging a.prev:hover { color: #009; } /* line 25, ../../../../src/scss/common/_SV-textCollection-dbg.scss */ .txt-collection .paging .icon.prev.active:before, .txt-collection .paging .fancybox-prev span.prev.active:before, .fancybox-prev .txt-collection .paging span.prev.active:before, .txt-collection .paging .fancybox-next span.prev.active:before, .fancybox-next .txt-collection .paging span.prev.active:before, .txt-collection .paging .icon.next.active:after, .txt-collection .paging .fancybox-prev span.next.active:after, .fancybox-prev .txt-collection .paging span.next.active:after, .txt-collection .paging .fancybox-next span.next.active:after, .fancybox-next .txt-collection .paging span.next.active:after { color: #333; display: inline-block; margin-top: -5px; } /* line 30, ../../../../src/scss/common/_SV-textCollection-dbg.scss */ .txt-collection .paging .icon.prev.active:before, .txt-collection .paging .fancybox-prev span.prev.active:before, .fancybox-prev .txt-collection .paging span.prev.active:before, .txt-collection .paging .fancybox-next span.prev.active:before, .fancybox-next .txt-collection .paging span.prev.active:before { content: "\e600"; } /* line 33, ../../../../src/scss/common/_SV-textCollection-dbg.scss */ .txt-collection .paging .icon.next.active:after, .txt-collection .paging .fancybox-prev span.next.active:after, .fancybox-prev .txt-collection .paging span.next.active:after, .txt-collection .paging .fancybox-next span.next.active:after, .fancybox-next .txt-collection .paging span.next.active:after { content: "\e601"; } /* line 36, ../../../../src/scss/common/_SV-textCollection-dbg.scss */ .txt-collection .paging .icon.prev.active:hover:before, .txt-collection .paging .fancybox-prev span.prev.active:hover:before, .fancybox-prev .txt-collection .paging span.prev.active:hover:before, .txt-collection .paging .fancybox-next span.prev.active:hover:before, .fancybox-next .txt-collection .paging span.prev.active:hover:before, .txt-collection .paging .icon.next.active:hover:after, .txt-collection .paging .fancybox-prev span.next.active:hover:after, .fancybox-prev .txt-collection .paging span.next.active:hover:after, .txt-collection .paging .fancybox-next span.next.active:hover:after, .fancybox-next .txt-collection .paging span.next.active:hover:after { color: #009; } /* SV IPO Line Styleguide 5.3.15 SV IPO Line */ /* line 13, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-boxes { margin: 30px 0; } /* line 18, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-boxes .ipo-line-box { background-color: #f0f0f0; margin: 0; height: 535px; overflow: auto; position: relative; } /* line 26, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-boxes .ipo-line-box + .ipo-line-box { float: right; } /* line 29, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-boxes + .ipo-line-accordion { margin: 25px 0; } /* line 31, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-boxes .ipo-line-box:first-child .ipo-line-box-head { background-image: url(../images/ipo-line_box_img_left.png); } /* line 34, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-box-head { background: url(../images/ipo-line_box_img_right.png) no-repeat 0 0; position: relative; height: 200px; } /* line 40, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-box-head .title { font-size: 24px; font-size: 1.5rem; font-family: "newsGothic_roman", Arial, Verdana, Helvetica, sans-serif; position: absolute; margin: 0; padding: 15px 20px; bottom: 0; left: 0; color: #fff; } /* line 55, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-box-content { padding: 30px 20px 0; } /* line 59, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-box-content .icon-right { display: block; position: relative; padding-left: 20px; margin-top: 20px; color: #263340; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; } /* line 68, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-box-content .icon-right:before { position: absolute; left: -7px; margin-top: -2px; } /* line 75, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-box-content .btn, .ipo-line-box-content .mwf-form [type="button"], .mwf-form .ipo-line-box-content [type="button"], .ipo-line-box-content .mwf-form [type="submit"], .mwf-form .ipo-line-box-content [type="submit"], .ipo-line-box-content input[type="submit"], .ipo-line-box-content .event-registration a, .event-registration .ipo-line-box-content a { position: absolute; bottom: 25px; padding-left: 17px; padding-right: 35px; } /* line 82, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-box-content .btn.icon:after, .ipo-line-box-content .mwf-form .icon[type="button"]:after, .mwf-form .ipo-line-box-content .icon[type="button"]:after, .ipo-line-box-content .mwf-form .fancybox-prev span[type="button"]:after, .mwf-form .fancybox-prev .ipo-line-box-content span[type="button"]:after, .ipo-line-box-content .fancybox-prev .mwf-form span[type="button"]:after, .fancybox-prev .mwf-form .ipo-line-box-content span[type="button"]:after, .ipo-line-box-content .mwf-form .fancybox-next span[type="button"]:after, .mwf-form .fancybox-next .ipo-line-box-content span[type="button"]:after, .ipo-line-box-content .fancybox-next .mwf-form span[type="button"]:after, .fancybox-next .mwf-form .ipo-line-box-content span[type="button"]:after, .ipo-line-box-content .mwf-form .icon[type="submit"]:after, .mwf-form .ipo-line-box-content .icon[type="submit"]:after, .ipo-line-box-content .mwf-form .fancybox-prev span[type="submit"]:after, .mwf-form .fancybox-prev .ipo-line-box-content span[type="submit"]:after, .ipo-line-box-content .fancybox-prev .mwf-form span[type="submit"]:after, .fancybox-prev .mwf-form .ipo-line-box-content span[type="submit"]:after, .ipo-line-box-content .mwf-form .fancybox-next span[type="submit"]:after, .mwf-form .fancybox-next .ipo-line-box-content span[type="submit"]:after, .ipo-line-box-content .fancybox-next .mwf-form span[type="submit"]:after, .fancybox-next .mwf-form .ipo-line-box-content span[type="submit"]:after, .ipo-line-box-content input.icon[type="submit"]:after, .ipo-line-box-content .event-registration a.icon:after, .event-registration .ipo-line-box-content a.icon:after, .ipo-line-box-content .fancybox-prev span.btn:after, .fancybox-prev .ipo-line-box-content span.btn:after, .ipo-line-box-content .fancybox-next span.btn:after, .fancybox-next .ipo-line-box-content span.btn:after { position: absolute; right: 8px; margin-top: -2px; } /* line 94, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-accordion { background-color: #f0f0f0; padding: 25px; } /* line 99, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-accordion h3 { color: #009; } /* line 102, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-accordion h3:first-child { border-top: 0; } /* line 109, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-accordion .ui-accordion-content ul.rte--list li { color: #000; } /* line 114, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-accordion .ipo-line-accordion .title { border-top: 1px solid #d4d4d4; } /* line 123, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-nav-top { margin-bottom: 20px; } /* line 128, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-menu { display: inline-block; border-top: 2px solid #d4d4d4; margin: 18px 0 20px; } /* line 134, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-menu li { margin: -18px 36px 0 0; float: left; } /* line 138, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-menu li.last { margin-right: 0; } /* line 142, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-menu a { color: #333; padding: .5em .9em; border-radius: 3em; background-color: #f0f0f0; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; display: block; } /* line 10, ../../../../src/scss/utils/mixins/_link-underline.scss */ .ipo-line-menu a:hover, .ipo-line-menu a:active, .ipo-line-menu a:focus { text-decoration: none; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .ipo-line-menu a:hover { color: #fff; } /* line 153, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-menu a:hover, .ipo-line-menu a:focus, .ipo-line-menu a:active { background-color: #009; } /* line 158, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-menu .active a { color: #fff; background-color: #009; cursor: default; } /* line 165, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-menu .last a { color: #f0f0f0; width: 36px; position: relative; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .ipo-line-menu .last a:hover { color: #009; } /* line 171, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-menu .last a:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: transparent; content: ''; position: absolute; width: 9px; height: 4px; left: 36%; top: 36%; border: 2px solid #333; border-top: none; border-right: none; } /* line 188, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-menu .last a:hover:after, .ipo-line-menu .last a:focus:after, .ipo-line-menu .last a:active:after { border-color: #fff; } /* line 191, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-menu .last.active a { color: #009; } /* line 12, ../../../../src/scss/utils/mixins/_link-colors.scss */ .ipo-line-menu .last.active a:hover { color: #009; } /* line 194, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-menu .last.active a:after { border-color: #fff; } /* line 205, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-prev-next a { color: #009; font-family: "newsGothic_demi", Arial, Verdana, Helvetica, sans-serif; } /* line 3, ../../../../src/scss/utils/mixins/_link-icon-colors.scss */ .ipo-line-prev-next a:before, .ipo-line-prev-next a:after { color: #009; } /* line 212, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-prev, .ipo-line-next { display: inline-block; float: left; } /* line 218, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-prev .icon:before, .ipo-line-prev .fancybox-prev span:before, .fancybox-prev .ipo-line-prev span:before, .ipo-line-prev .fancybox-next span:before, .fancybox-next .ipo-line-prev span:before, .ipo-line-next .icon:before, .ipo-line-next .fancybox-prev span:before, .fancybox-prev .ipo-line-next span:before, .ipo-line-next .fancybox-next span:before, .fancybox-next .ipo-line-next span:before { left: -5px; } /* line 219, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-prev .icon:after, .ipo-line-prev .fancybox-prev span:after, .fancybox-prev .ipo-line-prev span:after, .ipo-line-prev .fancybox-next span:after, .fancybox-next .ipo-line-prev span:after, .ipo-line-next .icon:after, .ipo-line-next .fancybox-prev span:after, .fancybox-prev .ipo-line-next span:after, .ipo-line-next .fancybox-next span:after, .fancybox-next .ipo-line-next span:after { right: -5px; } /* line 221, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-prev .icon:before, .ipo-line-prev .fancybox-prev span:before, .fancybox-prev .ipo-line-prev span:before, .ipo-line-prev .fancybox-next span:before, .fancybox-next .ipo-line-prev span:before, .ipo-line-prev .icon:after, .ipo-line-prev .fancybox-prev span:after, .fancybox-prev .ipo-line-prev span:after, .ipo-line-prev .fancybox-next span:after, .fancybox-next .ipo-line-prev span:after, .ipo-line-next .icon:before, .ipo-line-next .fancybox-prev span:before, .fancybox-prev .ipo-line-next span:before, .ipo-line-next .fancybox-next span:before, .fancybox-next .ipo-line-next span:before, .ipo-line-next .icon:after, .ipo-line-next .fancybox-prev span:after, .fancybox-prev .ipo-line-next span:after, .ipo-line-next .fancybox-next span:after, .fancybox-next .ipo-line-next span:after { vertical-align: -4px; } /* line 230, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-next { float: right; } /* line 232, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-next a { padding-left: 20px; } /* line 240, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-prev-footer { background: #fff; padding: 0.35em 10px; padding-right: 20px; } /* line 245, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-next-footer { background: #fff; padding: 0.35em 10px; padding-left: 20px; } /* line 252, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-nav-footer { background-color: #f0f0f0; border-top: 1px solid #d4d4d4; padding: 20px; } /* .ipo-line-step-first { border-top: 1px solid $color-divider; margin-top: 12px; padding-top: 12px; &:before { color: $brand-primary; } }*/ /* line 276, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-step { background-color: #f0f0f0; padding: 20px 20px 20px 45px; } /* line 281, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-step h3 { margin: 0 0 20px 0; position: relative; } /* line 285, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-step h3 span { position: absolute; left: -24px; } /* line 292, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-step > .ipo-line-accordion { padding-left: 0; } /* line 295, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-step > .ipo-line-accordion > .title { padding: 10px 0 8px; } /* line 298, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-step > .ipo-line-accordion > .title:before { margin: -0.12em 0 0 -30px; } /* line 303, ../../../../src/scss/common/_SV-IPOLine.scss */ .ipo-line-step > .ipo-line-accordion .ipo-line-accordion { padding-left: 0; } /* line 2, ../../../../src/scss/common/_LVs-dbg.scss */ .pagination .prev button.icon.icon-left:before { font-size: 24px; font-size: 1.5rem; content: "\e600"; margin: -4px 8px 0 0; } /* line 7, ../../../../src/scss/common/_LVs-dbg.scss */ .pagination .next button.icon.icon-right-after:after { font-size: 24px; font-size: 1.5rem; content: "\e601"; margin: -4px 0 0 10px; } /* line 14, ../../../../src/scss/common/_LVs-dbg.scss */ .listview .sort-options select, .listview .sort-options .quickGuide.dropdown > .dropdown-toggle, .listview .sort-options .quickGuide.dropdown > .dropdown-toggle, .listview .hits-per-page select, .listview .hits-per-page .quickGuide.dropdown > .dropdown-toggle, .listview .hits-per-page .quickGuide.dropdown > .dropdown-toggle { height: auto; } /** * Swiper 3.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 7, 2016 */ /* line 15, ../../../../src/scss/js-libs/Swiper-3.3.1/_swiper.custom.scss */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } /* line 22, ../../../../src/scss/js-libs/Swiper-3.3.1/_swiper.custom.scss */ .swiper-container-no-flexbox .swiper-slide { float: left; } /* line 25, ../../../../src/scss/js-libs/Swiper-3.3.1/_swiper.custom.scss */ .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } /* line 32, ../../../../src/scss/js-libs/Swiper-3.3.1/_swiper.custom.scss */ .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* line 51, ../../../../src/scss/js-libs/Swiper-3.3.1/_swiper.custom.scss */ .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } /* line 59, ../../../../src/scss/js-libs/Swiper-3.3.1/_swiper.custom.scss */ .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* line 66, ../../../../src/scss/js-libs/Swiper-3.3.1/_swiper.custom.scss */ .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } /* line 74, ../../../../src/scss/js-libs/Swiper-3.3.1/_swiper.custom.scss */ .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } /* Auto Height */ /* line 83, ../../../../src/scss/js-libs/Swiper-3.3.1/_swiper.custom.scss */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } /* line 87, ../../../../src/scss/js-libs/Swiper-3.3.1/_swiper.custom.scss */ .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height; } /* a11y */ /* line 99, ../../../../src/scss/js-libs/Swiper-3.3.1/_swiper.custom.scss */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ /* line 108, ../../../../src/scss/js-libs/Swiper-3.3.1/_swiper.custom.scss */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } /* line 112, ../../../../src/scss/js-libs/Swiper-3.3.1/_swiper.custom.scss */ .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ /* line 132, ../../../../src/scss/js-libs/Swiper-3.3.1/_swiper.custom.scss */ .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } /* Pagination Styles */ /* Bullets */ /* Progress */ /* 3D Container */ /*# sourceMappingURL=main.css.map */
![[Alt-Text]](/imagebridge-data.jpg "[Alt-Text]")
