html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } ul, ol { list-style-type: none; margin: 0; padding: 0; } dl { margin: 0; } dt { font-weight: 600; margin: 0; } dd { margin: 0; } body { margin: 0; padding: 0; } button { outline: none; } img { vertical-align: middle; border: 0; } /* obsolete */ @font-face { font-family: "merz-icons"; src: url("../Webfonts/merz-icons.ttf") format("truetype"), url("../Webfonts/merz-icons.woff") format("woff"), url("../Webfonts/merz-icons.svg") format("svg"); font-weight: normal; font-style: normal; } .merz-icons { font-family: "merz-icons"; speak: none; font-weight: normal; font-style: normal; font-size: 1.5em; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: "liga"; } .icon-patient:before { content: "\ea01"; } .icon-tooth:before { content: "\ea02"; } .icon-tooths:before { content: "\ea03"; } .icon-logo_bds:before { content: "\ea04"; } .screen-xs-only { display: none !important; } @media screen and (max-width: 480px) { .screen-xs-only { display: block !important; } } @media screen and (max-width: 480px) { .screen-xs-not { display: none !important; } } .screen-xs-only-inline-block { display: none !important; } @media screen and (max-width: 480px) { .screen-xs-only-inline-block { display: inline-block !important; } } .material-icons, .event-list-Teaser .event-teaser .event-teaser-wrap a.more:after, .event-list-Header p a:after, .event-list-Header .netl-events-header:before, .tx-powermail .powermail_fieldwrap_type_file .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_select .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_country .powermail_field:after, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .news-list-teaser article:before, .sidr #sidr-id-mobile-navigation .sidr-class-open-navigation:before, .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-sub > a:after, #main-navigation .flyout .level-3 > li > a:before, #main-navigation .flyout .level-2 .default-sub > a:after, #main-navigation .flyout .level-2 .extended-sub > a:after, .content .select-wrapper .select:after, .sidebar .select-wrapper .select:after, .accordion.initialized .accordion-element .accordion-header:before, .content ul li:before, .sidebar ul li:before, .ce-menu.ce-menu-mixed .item .content ul li:before, .ce-menu.ce-menu-category .category-item .info-wrap ul li:before, .content-element.teaser-box-small .ce-menu li:before, .content-element.teaser-box .ce-menu li:before, #product .tabs article ul li:before, a.mail:after, a.external-link:after, a.external-link-new-window:after, a.internal-link-new-window:after, a.download:after, a.internal-link:after, #header #mobile-navigation .open-navigation:before, #header #sticky-mobile-navigation .open-navigation:before, #header #top-search-form .text-field-wrapper button:before, #header #mobile-search-form .text-field-wrapper button:before { font-family: "Material Icons"; speak: none; font-weight: normal; font-style: normal; font-size: 1.5em; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: "liga"; } @keyframes header-intro-animation-left { 0% { transform: translateX(-25%); } 100% { transform: translateX(0%); } } @keyframes header-intro-animation-right { 0% { transform: translateX(25%); } 100% { transform: translateX(0%); } } .transition { transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); } #header { position: fixed; width: 100%; top: 0; left: 0; z-index: 1; height: 200px; background-color: #003d66; box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.43); } @media screen and (max-width: 1024px) { #header { height: 150px; } } #header.small-header { height: 100px; } #header.small-header .bar.left { left: -1000px; } #header.small-header .bar.right { right: -1000px; } #header.small-header #inner-header-wrap #top-search-form { top: 12px; } #header.small-header #inner-header-wrap #branding { opacity: 0; } #header.small-header #inner-header-wrap #service-navigation { opacity: 0; } #header.small-header #language-status { top: 14px; } #header #inner-header-wrap { position: relative; max-width: 1280px; margin-left: auto; margin-right: auto; } #header #inner-header-wrap::after { clear: both; content: ""; display: table; } @media screen and (max-width: 1280px) { #header #inner-header-wrap { margin: 0 20px; } } #header #inner-header-wrap #branding { padding-top: 20px; } #header #inner-header-wrap #branding #print-logo { display: none; } #header #inner-header-wrap #branding #logo { display: block; margin: 0 auto; position: relative; height: 110px; width: 120px; background-size: contain; background-image: url(../Graphics/Logo-Merz-Dental.svg); background-position: center center; background-repeat: no-repeat; } #header #inner-header-wrap #branding #logo a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #header #inner-header-wrap #branding #logo a span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } @media screen and (max-width: 1024px) { #header #inner-header-wrap #branding #logo { height: 60px; width: 48px; background-image: url(../Graphics/Logo-Merz-Dental.svg); background-repeat: no-repeat; } } #header #inner-header-wrap #service-navigation { position: absolute; right: 0; top: 103px; } #header #inner-header-wrap #service-navigation ul li { display: inline-block; margin-left: 15px; } #header #inner-header-wrap #service-navigation ul li a { font-size: 14px; color: #fff; text-decoration: none; } #header #inner-header-wrap #service-navigation ul li a:hover { text-decoration: underline; } @media screen and (max-width: 1024px) { #header #inner-header-wrap #service-navigation { display: none; } } #header .bar { position: absolute; bottom: 50px; height: 19px; width: 35%; background: #336485; } #header .bar .triangle { position: absolute; top: 0; width: 38px; height: 38px; border-radius: 50%; background-color: #336485; } #header .bar.right { left: auto; right: 0; } #header .bar.right .triangle { left: -22px; } #header .bar.left { right: auto; left: 0; } #header .bar.left .triangle { right: -22px; } @media screen and (max-width: 768px) { #header .bar.left { transform: translateX(-25%); animation: header-intro-animation-left 575ms cubic-bezier(0.4, 0, 0.2, 1) 250ms forwards; } #header .bar.right { transform: translateX(25%); animation: header-intro-animation-right 575ms cubic-bezier(0.4, 0, 0.2, 1) 250ms forwards; } } #header #top-search-form, #header #mobile-search-form { position: absolute; left: 0; top: 90px; } #header #top-search-form .text-field-wrapper, #header #mobile-search-form .text-field-wrapper { width: 225px; border-bottom: 1px solid #fff; } #header #top-search-form .text-field-wrapper input, #header #mobile-search-form .text-field-wrapper input { height: 25px; margin-bottom: 3px; border: none; background: none; color: #fff; font-size: 14px; font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 25px; } #header #top-search-form .text-field-wrapper input:focus, #header #mobile-search-form .text-field-wrapper input:focus { -webkit-outline: none; outline: none; } #header #top-search-form .text-field-wrapper input::-webkit-input-placeholder, #header #mobile-search-form .text-field-wrapper input::-webkit-input-placeholder { color: #fff; } #header #top-search-form .text-field-wrapper input::-moz-placeholder, #header #mobile-search-form .text-field-wrapper input::-moz-placeholder { color: #fff; } #header #top-search-form .text-field-wrapper input:-moz-placeholder, #header #mobile-search-form .text-field-wrapper input:-moz-placeholder { color: #fff; } #header #top-search-form .text-field-wrapper input:-ms-input-placeholder, #header #mobile-search-form .text-field-wrapper input:-ms-input-placeholder { color: #fff; } #header #top-search-form .text-field-wrapper button, #header #mobile-search-form .text-field-wrapper button { display: inline-block; height: 20px; width: 25px; border: none; background: none; } #header #top-search-form .text-field-wrapper button:before, #header #mobile-search-form .text-field-wrapper button:before { content: "\e8b6"; color: #fff; } #header #top-search-form .text-field-wrapper button:before, #header #mobile-search-form .text-field-wrapper button:before { position: absolute; top: 0; left: 0; font-size: 24px; transform: scale(1); transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1); } #header #top-search-form .text-field-wrapper button:hover:before, #header #mobile-search-form .text-field-wrapper button:hover:before { transform: scale(1.2); } #header #mobile-search-form { display: none; position: relative; left: 0; top: auto; margin: 10px 0 0 10px; float: left; } @media screen and (max-width: 1024px) { #header #mobile-search-form { display: block; } } @media screen and (max-width: 1024px) { #header #top-search-form { display: none; } } #header #mobile-navigation, #header #sticky-mobile-navigation { display: none; } #header #mobile-navigation .open-navigation, #header #sticky-mobile-navigation .open-navigation { border: none; background: none; float: right; margin-right: 5px; } #header #mobile-navigation .open-navigation:before, #header #sticky-mobile-navigation .open-navigation:before { content: "\e5d2"; color: #fff; font-size: 45px; } @media screen and (max-width: 1024px) { #header #mobile-navigation, #header #sticky-mobile-navigation { display: block; } } #header #sticky-mobile-navigation { display: none; } #header #mobile-service-navigation { display: none; } #wrapper { margin: 200px 20px 0; } @media screen and (max-width: 1024px) { #wrapper { margin: 150px 20px 0; } } #breadcrumb { max-width: 1280px; margin-left: auto; margin-right: auto; margin: 220px auto 20px; font-size: 14px; } #breadcrumb::after { clear: both; content: ""; display: table; } @media screen and (max-width: 1024px) { #breadcrumb { margin: 170px auto 20px; } } #breadcrumb > * { float: left; } #breadcrumb a { text-decoration: none; color: #535353; } #breadcrumb a:hover { color: #336485; text-decoration: underline; } #breadcrumb i.material-icons, #breadcrumb .event-list-Header i.netl-events-header:before, .event-list-Header #breadcrumb i.netl-events-header:before, #breadcrumb .tx-powermail .powermail_fieldwrap_type_file i.powermail_field:after, .tx-powermail .powermail_fieldwrap_type_file #breadcrumb i.powermail_field:after, #breadcrumb .tx-powermail .powermail_fieldwrap_type_select i.powermail_field:after, .tx-powermail .powermail_fieldwrap_type_select #breadcrumb i.powermail_field:after, #breadcrumb .tx-powermail .powermail_fieldwrap_type_country i.powermail_field:after, .tx-powermail .powermail_fieldwrap_type_country #breadcrumb i.powermail_field:after, #breadcrumb .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box i.tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box #breadcrumb i.tx-jsfaq-header.tx-jsfaq-toggle-plus:before, #breadcrumb .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box i.tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box #breadcrumb i.tx-jsfaq-header.tx-jsfaq-toggle-minus:before, #breadcrumb .sidr #sidr-id-mobile-navigation i.sidr-class-open-navigation:before, .sidr #sidr-id-mobile-navigation #breadcrumb i.sidr-class-open-navigation:before, #breadcrumb .content .select-wrapper i.select:after, .content .select-wrapper #breadcrumb i.select:after, #breadcrumb .sidebar .select-wrapper i.select:after, .sidebar .select-wrapper #breadcrumb i.select:after, #breadcrumb .accordion.initialized .accordion-element i.accordion-header:before, .accordion.initialized .accordion-element #breadcrumb i.accordion-header:before, #breadcrumb #header #mobile-navigation i.open-navigation:before, #header #mobile-navigation #breadcrumb i.open-navigation:before, #breadcrumb #header #sticky-mobile-navigation i.open-navigation:before, #header #sticky-mobile-navigation #breadcrumb i.open-navigation:before { font-size: 16px; line-height: 1.2; color: #336485; } #footer { height: 180px; margin-top: 40px; background-color: #003d66; } #footer > div { max-width: 1280px; margin-left: auto; margin-right: auto; position: relative; } #footer > div::after { clear: both; content: ""; display: table; } #footer img { position: absolute; top: 10px; left: 0; } @media screen and (max-width: 1280px) { #footer img { left: 20px; } } #footer .social-media { position: absolute; top: 40px; right: 0; width: 250px; } #footer .social-media ul { position: absolute; top: 0; right: 0; } @media screen and (max-width: 1280px) { #footer .social-media ul { right: 20px; } #footer .social-media ul img { left: initial; } } #footer .social-media ul li { position: relative; float: right; width: 30px; height: 30px; margin: 0 0 0 10px; } #footer .social-media ul li a { display: inline-block; } body { font-family: FrutigerLTPro-Roman, arial, helvetica, sans-serif; line-height: 20px; font-size: 14px; } b, strong { font-weight: normal; font-family: FrutigerLTPro-Bold, arial, helvetica, sans-serif; } h1, h2, h3, h4 { font-family: "FrutigerLTPro-Bold", arial, helvetica, sans-serif; font-weight: normal; color: #003d66; margin-top: 20px; } h1 { margin-top: 40px; margin-bottom: 20px; font-size: 26px; line-height: 30px; } h2 { font-size: 22px; line-height: 24px; } h3 { font-size: 18px; } h4 { font-size: 14px; } p { margin: 0 0 20px 0; } p.telephone-teaser { font-size: 32px; display: block; background: rgba(255, 255, 255, 0.8); padding: 0 20px; text-align: center; height: 70px; line-height: 70px; font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; } sup { vertical-align: baseline; position: relative; top: -5px; } a { color: #336485; text-decoration: none; transition: ease-in-out color 0.3s; } a:hover { color: #668ba3; } a.internal-link:after { content: "\e315"; color: #535353; display: inline; line-height: inherit; vertical-align: bottom; color: #003d66; margin-left: -2px; } a.download:after { content: "\e2c4"; color: #535353; display: inline; line-height: inherit; vertical-align: bottom; color: #003d66; } a.external-link:after, a.external-link-new-window:after, a.internal-link-new-window:after { content: "\e883"; color: #535353; display: inline; line-height: inherit; vertical-align: bottom; color: #003d66; margin-left: 3px; } a.mail:after { content: "\e0e1"; color: #535353; display: inline; line-height: inherit; vertical-align: bottom; color: #003d66; margin-left: 3px; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .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; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../Graphics/fancybox_sprite.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #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; } #fancybox-loading div { width: 44px; height: 44px; background: url("../Graphics/loading.gif") center center no-repeat; background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../Graphics/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../Graphics/fancybox_overlay.png"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -15px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 10px; background: #ccd8e0; color: #003d66; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .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 (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../Graphics/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url("../Graphics/loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } #stage { position: relative; z-index: 0; margin: 0 auto; max-width: 1440px; } @media screen and (max-width: 1280px) { #stage { margin-right: -20px; margin-left: -20px; } } #home { max-width: 1280px; margin-left: auto; margin-right: auto; } #home::after { clear: both; content: ""; display: table; } #standard { max-width: 1280px; margin-left: auto; margin-right: auto; } #standard::after { clear: both; content: ""; display: table; } #standard .content { float: left; display: block; margin-right: 1.5384615385%; width: 57.6923076923%; } #standard .content:last-child { margin-right: 0; } @media screen and (max-width: 1024px) { #standard .content { float: left; display: block; margin-right: 1.5384615385%; width: 100%; margin-right: 0; } #standard .content:last-child { margin-right: 0; } } @media screen and (max-width: 480px) { #standard .content { float: left; display: block; margin-right: 4.7619047619%; width: 100%; } #standard .content:last-child { margin-right: 0; } } #standard .sidebar { float: left; display: block; margin-right: 1.5384615385%; width: 32.3076923077%; margin-left: 8.4615384615%; margin-right: 0; } #standard .sidebar:last-child { margin-right: 0; } #standard .sidebar > * { margin-top: 40px; } #standard .sidebar > *:first-child { margin-top: 80px; } @media screen and (max-width: 1024px) { #standard .sidebar { margin-left: 0%; float: left; display: block; margin-right: 1.5384615385%; width: 100%; margin-right: 0; } #standard .sidebar:last-child { margin-right: 0; } #standard .sidebar > *:first-child { margin-top: 40px; } } @media screen and (max-width: 480px) { #standard .sidebar { float: left; display: block; margin-right: 4.7619047619%; width: 100%; } #standard .sidebar:last-child { margin-right: 0; } } #nosidebar { max-width: 1280px; margin-left: auto; margin-right: auto; } #nosidebar::after { clear: both; content: ""; display: table; } #nosidebar .content { float: left; display: block; margin-right: 1.5384615385%; width: 100%; } #nosidebar .content:last-child { margin-right: 0; } #product .stage, #product .content-wrap, #product .thumbnail-wrap { max-width: 1280px; margin-left: auto; margin-right: auto; margin-top: 20px; } #product .stage::after, #product .content-wrap::after, #product .thumbnail-wrap::after { clear: both; content: ""; display: table; } #product .product-image { float: left; display: block; margin-right: 1.5384615385%; width: 40.7692307692%; } #product .product-image:last-child { margin-right: 0; } #product .product-image img { width: 100%; max-width: 100%; height: auto; } #product .thumbnails { float: left; display: block; margin-right: 1.5384615385%; width: 40.7692307692%; margin-bottom: 5px; } #product .thumbnails:last-child { margin-right: 0; } #product .thumbnails a img { float: left; width: 22%; height: auto; margin-right: 3%; } #product .thumbnails a.active img { border-bottom: 4px solid #c0c0c0; } #product .thumbnails a:last-child img { margin-right: 0; } #product .stage { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: flex; box-orient: horizontal; box-direction: normal; -moz-flex-direction: row; flex-direction: row; box-align: end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; -ms-flex-align: end; } #product .product-name, #product .product-name-mobile { float: left; display: block; margin-right: 1.5384615385%; width: 57.6923076923%; margin-right: 0; } #product .product-name:last-child, #product .product-name-mobile:last-child { margin-right: 0; } #product .product-name #product-logo, #product .product-name-mobile #product-logo { background: transparent no-repeat scroll 0% 0%; width: 100%; height: 100px; text-indent: -3333px; border: 0; margin: 0; background-size: contain; } #product .product-name .variation-selector, #product .product-name-mobile .variation-selector { margin: 0; margin-top: 20px; } #product .product-name .variation-selector li, #product .product-name-mobile .variation-selector li { padding: 0; } #product .product-name .variation-selector li:before, #product .product-name-mobile .variation-selector li:before { display: none !important; } #product .product-name .variation-selector li, #product .product-name-mobile .variation-selector li { display: block; float: left; height: 40px; margin-right: 3px; background: #c0c0c0; font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; } #product .product-name .variation-selector li.active, #product .product-name-mobile .variation-selector li.active { background: #f9f9f9; color: #003d66; padding: 11px 12px 0; } #product .product-name .variation-selector li a, #product .product-name-mobile .variation-selector li a { display: block; text-decoration: none; color: #fff; padding: 11px 12px 0; height: 40px; } #product .product-name-mobile { display: none; } @media screen and (max-width: 1024px) { #product .stage { display: block; } #product .product-name { display: none; } #product .product-name-mobile { display: block; float: left; display: block; margin-right: 1.5384615385%; width: 100%; margin-right: 0; margin-bottom: 40px; } #product .product-name-mobile:last-child { margin-right: 0; } #product .product-image { float: left; display: block; margin-right: 1.5384615385%; width: 100%; margin-right: 0; } #product .product-image:last-child { margin-right: 0; } #product .thumbnails { float: left; display: block; margin-right: 1.5384615385%; width: 100%; margin-right: 0; } #product .thumbnails:last-child { margin-right: 0; } } #product .tabs .download-wrapper::after { clear: both; content: ""; display: table; } #product .tabs .downloads { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: flex; box-orient: horizontal; box-direction: normal; -moz-flex-direction: row; flex-direction: row; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; flex-wrap: wrap; box-align: start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; -ms-flex-align: start; margin: 0 -10px; } #product .tabs .downloads .download-small-item { width: 25%; padding: 0 10px; margin: 0 0 20px; } #product .tabs .downloads .download-small-item h4 { margin: 10px 0 0; } #product .tabs .downloads .download-small-item h4 a { font-size: 14px; } #product .tabs .downloads .download-small-item a { font-size: 12px; } #product .tabs .downloads .download-small-item .image-wrap { display: inline-block; padding: 5px; background: #fff; } #product .tabs .downloads .download-small-item .image-wrap img { width: 60px; height: auto; } @media screen and (max-width: 480px) { #product .tabs .downloads .download-small-item { box-flex: none; -moz-flex: none; flex: none; width: 50%; margin-bottom: 20px; } } #product .tabs article ul li { position: relative; padding-left: 25px; margin-bottom: 10px; } #product .tabs article ul li:before { content: "\e5ca"; color: #003d66; font-size: 20px; position: absolute; left: 0; top: -2px; } #product .content { float: left; display: block; margin-right: 1.5384615385%; width: 57.6923076923%; } #product .content:last-child { margin-right: 0; } @media screen and (max-width: 1024px) { #product .content { float: left; display: block; margin-right: 1.5384615385%; width: 100%; } #product .content:last-child { margin-right: 0; } } #product .sidebar { float: left; display: block; margin-right: 1.5384615385%; width: 32.3076923077%; margin-left: 8.4615384615%; margin-right: 0; } #product .sidebar:last-child { margin-right: 0; } #product .sidebar > * { margin-top: 40px; } #product .sidebar > *:first-child { margin-top: 0; } @media screen and (max-width: 1024px) { #product .sidebar { margin-left: 0%; float: left; display: block; margin-right: 1.5384615385%; width: 100%; } #product .sidebar:last-child { margin-right: 0; } #product .sidebar > *:first-child { margin-top: 40px; } } #product .sidebar .related-products { max-width: 1280px; margin-left: auto; margin-right: auto; } #product .sidebar .related-products::after { clear: both; content: ""; display: table; } #product .sidebar .related-products .related-product { padding: 10px 0; } #product .sidebar .related-products .related-product::after { clear: both; content: ""; display: table; } #product .sidebar .related-products .related-product .related-product-image { float: left; display: block; margin-right: 4.7619047619%; width: 21.4285714286%; } #product .sidebar .related-products .related-product .related-product-image:last-child { margin-right: 0; } #product .sidebar .related-products .related-product .related-product-image img { width: 100%; max-width: 100%; height: auto; } #product .sidebar .related-products .related-product .related-product-info { float: left; display: block; margin-right: 4.7619047619%; width: 73.8095238095%; } #product .sidebar .related-products .related-product .related-product-info:last-child { margin-right: 0; } #product .sidebar .related-products .related-product .related-product-info h3 { margin: 0; } #product .sidebar .related-products .related-product .related-product-info-no-image { float: left; display: block; margin-right: 4.7619047619%; width: 73.8095238095%; } #product .sidebar .related-products .related-product .related-product-info-no-image:last-child { margin-right: 0; } #product .sidebar .related-products .related-product .related-product-info-no-image h3 { margin: 0; } .content.jobs { margin: 50px 0 0 0; } .content-element.teaser-box { position: relative; } .content-element.teaser-box > h1, .content-element.teaser-box > h2, .content-element.teaser-box > h3 { font-family: "FrutigerLTPro-Light", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 28px; color: #fff; background: #003d66; min-height: 42px; padding: 16px 0 10px 15px; margin: 0; } .content-element.teaser-box > h1 i, .content-element.teaser-box > h2 i, .content-element.teaser-box > h3 i { font-size: 28px; color: #fff; float: left; margin-top: -1px; margin-right: 15px; } .content-element.teaser-box p.telephone-teaser { position: absolute; left: 0; right: 0; bottom: 0; } .content-element.teaser-box.startpage, .content-element.teaser-box.related-products { margin-bottom: 20px; } .content-element.teaser-box.startpage > h1, .content-element.teaser-box.startpage > h2, .content-element.teaser-box.startpage > h3, .content-element.teaser-box.related-products > h1, .content-element.teaser-box.related-products > h2, .content-element.teaser-box.related-products > h3 { font-family: "FrutigerLTPro-Roman", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; background: #003d66; color: #fff; border-radius: 20px 20px 0 0; } .content-element.teaser-box.startpage > h1 a, .content-element.teaser-box.startpage > h2 a, .content-element.teaser-box.startpage > h3 a, .content-element.teaser-box.related-products > h1 a, .content-element.teaser-box.related-products > h2 a, .content-element.teaser-box.related-products > h3 a { color: #fff; transition: ease-in-out color 0.3s; display: inline-block; width: calc(100% - 47px); } .content-element.teaser-box.startpage > h1 a:hover, .content-element.teaser-box.startpage > h2 a:hover, .content-element.teaser-box.startpage > h3 a:hover, .content-element.teaser-box.related-products > h1 a:hover, .content-element.teaser-box.related-products > h2 a:hover, .content-element.teaser-box.related-products > h3 a:hover { color: #b3c5d1; } .content-element.teaser-box.startpage > h1 i, .content-element.teaser-box.startpage > h2 i, .content-element.teaser-box.startpage > h3 i, .content-element.teaser-box.related-products > h1 i, .content-element.teaser-box.related-products > h2 i, .content-element.teaser-box.related-products > h3 i { color: #fff; font-size: 32px; margin-top: -6px; } .content-element.teaser-box.small > h1, .content-element.teaser-box.small > h2, .content-element.teaser-box.small > h3 { font-family: "FrutigerLTPro-Roman", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #fff; background: #003d66; min-height: 40px; padding: 16px 0 10px 15px; margin: 0; border-radius: 20px 20px 0 0; } .content-element.teaser-box.small > h1 a, .content-element.teaser-box.small > h1 span, .content-element.teaser-box.small > h2 a, .content-element.teaser-box.small > h2 span, .content-element.teaser-box.small > h3 a, .content-element.teaser-box.small > h3 span { color: #fff; transition: ease-in-out color 0.3s; display: inline-block; width: calc(100% - 47px); } .content-element.teaser-box.small > h1 a:hover, .content-element.teaser-box.small > h1 span:hover, .content-element.teaser-box.small > h2 a:hover, .content-element.teaser-box.small > h2 span:hover, .content-element.teaser-box.small > h3 a:hover, .content-element.teaser-box.small > h3 span:hover { color: #b3c5d1; } .content-element.teaser-box.small > h1 i, .content-element.teaser-box.small > h2 i, .content-element.teaser-box.small > h3 i { font-size: 28px; color: #fff; float: left; margin-top: -4px; margin-right: 15px; } .content-element.teaser-box > div, .content-element.teaser-box .ce-menu { padding: 20px 16px 18px; background: #f9f9f9; padding-bottom: 25px !important; } .content-element.teaser-box > div p:last-child, .content-element.teaser-box .ce-menu p:last-child { margin-bottom: 0; } .content-element.teaser-box .ce-menu { padding-left: 30px; font-size: 18px; line-height: 21px; font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; } .content-element.teaser-box .ce-menu a { color: #535353; } .content-element.teaser-box .ce-menu li { margin-top: 5px; padding-left: 25px; margin-bottom: 25px; } .content-element.teaser-box .ce-menu li:before { content: "\e5cc"; color: #003d66; font-size: 40px; position: absolute; top: -12px; left: -25px; transition: left 225ms cubic-bezier(0.7, 0, 0.6, 1); } .content-element.teaser-box .ce-menu li:last-child { margin-bottom: 0; } .content-element.teaser-box .ce-menu li:hover:before { left: -15px; } .content-element.teaser-box .ce-textpic.ce-center .ce-gallery { margin: -20px -16px -18px; } .content-element.teaser-box .ce-textpic.ce-center .ce-gallery + .ce-bodytext { margin-top: 38px; } .content-element.teaser-box-small > h1, .content-element.teaser-box-small > h2, .content-element.teaser-box-small > h3 { font-family: "FrutigerLTPro-Light", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #336485; background: #ccd8e0; padding: 0 5px; line-height: 40px; margin: 0; } .content-element.teaser-box-small > h1 i, .content-element.teaser-box-small > h2 i, .content-element.teaser-box-small > h3 i { font-size: 25px; color: #336485; float: left; margin-top: 8px; margin-right: 6px; } .content-element.teaser-box-small.startpage { margin-bottom: 20px; } .content-element.teaser-box-small.startpage > h1, .content-element.teaser-box-small.startpage > h2, .content-element.teaser-box-small.startpage > h3 { font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 22px; line-height: 26px; background: #d9e2e8; color: #003d66; } .content-element.teaser-box-small.startpage > h1 i, .content-element.teaser-box-small.startpage > h2 i, .content-element.teaser-box-small.startpage > h3 i { color: #4d7794; } .content-element.teaser-box-small.small > h1, .content-element.teaser-box-small.small > h2, .content-element.teaser-box-small.small > h3 { font-family: "FrutigerLTPro-Roman", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #003d66; background: #d9e2e8; min-height: 40px; padding: 13px 5px 10px; margin: 0; } .content-element.teaser-box-small.small > h1 i, .content-element.teaser-box-small.small > h2 i, .content-element.teaser-box-small.small > h3 i { font-size: 24px; color: #4d7794; float: left; margin-top: -2px; margin-right: 6px; } .content-element.teaser-box-small > div, .content-element.teaser-box-small .ce-menu { padding: 20px 16px 18px; background: #f9f9f9; padding-bottom: 25px !important; } .content-element.teaser-box-small > div p:last-child, .content-element.teaser-box-small .ce-menu p:last-child { margin-bottom: 0; } .content-element.teaser-box-small .ce-menu { padding-left: 30px; font-size: 18px; line-height: 21px; font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; } .content-element.teaser-box-small .ce-menu a { color: #535353; } .content-element.teaser-box-small .ce-menu li { margin-top: 5px; padding-left: 25px; margin-bottom: 25px; } .content-element.teaser-box-small .ce-menu li:before { content: "\e5cc"; color: #003d66; font-size: 40px; position: absolute; top: -12px; left: -25px; transition: left 225ms cubic-bezier(0.7, 0, 0.6, 1); } .content-element.teaser-box-small .ce-menu li:last-child { margin-bottom: 0; } .content-element.teaser-box-small .ce-menu li:hover:before { left: -15px; } .content-element.teaser-box-small .ce-textpic.ce-center .ce-gallery { margin: -20px -16px -18px; } .content-element .ce-textpic.ce-right .ce-gallery .ce-row { margin: 0 0 30px; } hr { border: none; border-bottom: 1px solid #c0c0c0; margin: 0; } @keyframes fullsize-teaser-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fullsize-teaser-text-fade-in { 0% { opacity: 0; bottom: 5%; } 100% { opacity: 1; bottom: 0; } } .ce-full-size-teaser { background-size: cover; background-position: center center; max-width: 1280px; margin-left: auto; margin-right: auto; } .ce-full-size-teaser::after { clear: both; content: ""; display: table; } .ce-full-size-teaser .ce-container { height: 400px; } .ce-full-size-teaser .ce-bodytext { position: relative; height: 400px; opacity: 0; background: linear-gradient(rgba(102, 139, 163, 0.9), rgba(0, 61, 102, 0.9)); margin-left: 8.4615384615%; float: left; display: block; margin-right: 1.5384615385%; width: 32.3076923077%; padding: 0 20px 20px; animation: fullsize-teaser-fadein 1s cubic-bezier(0.4, 0, 0.2, 1) 425ms; animation-fill-mode: forwards; } .ce-full-size-teaser .ce-bodytext:last-child { margin-right: 0; } .ce-full-size-teaser .ce-bodytext h1, .ce-full-size-teaser .ce-bodytext h2, .ce-full-size-teaser .ce-bodytext h3 { position: absolute; opacity: 0; bottom: 0; display: block; -webkit-hyphens: none; hyphens: none; color: #fff; font-family: "FrutigerLTPro-Light", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 32px; line-height: 38px; animation: fullsize-teaser-text-fade-in 2s cubic-bezier(0.4, 0, 0.2, 1) 952ms; animation-fill-mode: forwards; } @media screen and (max-width: 1280px) { .ce-full-size-teaser .ce-bodytext { float: left; display: block; margin-right: 1.5384615385%; width: 32.3076923077%; margin-left: 0%; } .ce-full-size-teaser .ce-bodytext:last-child { margin-right: 0; } } @media screen and (max-width: 1024px) { .ce-full-size-teaser .ce-bodytext { float: left; display: block; margin-right: 1.5384615385%; width: 40.7692307692%; margin-left: 20px; } .ce-full-size-teaser .ce-bodytext:last-child { margin-right: 0; } } @media screen and (max-width: 768px) { .ce-full-size-teaser .ce-bodytext { float: left; display: block; margin-right: 2.0618556701%; width: 54.6391752577%; } .ce-full-size-teaser .ce-bodytext:last-child { margin-right: 0; } } @media screen and (max-width: 480px) { .ce-full-size-teaser .ce-bodytext { float: left; display: block; margin-right: 4.7619047619%; width: 100%; margin: 0; } .ce-full-size-teaser .ce-bodytext:last-child { margin-right: 0; } } .ce-menu.ce-menu-category .category-item { max-width: 1280px; margin-left: auto; margin-right: auto; margin-bottom: 40px; } .ce-menu.ce-menu-category .category-item::after { clear: both; content: ""; display: table; } .ce-menu.ce-menu-category .category-item .image-wrap { float: left; display: block; margin-right: 1.5384615385%; width: 32.3076923077%; } .ce-menu.ce-menu-category .category-item .image-wrap:last-child { margin-right: 0; } @media screen and (max-width: 1024px) { .ce-menu.ce-menu-category .category-item .image-wrap { float: left; display: block; margin-right: 1.5384615385%; width: 32.3076923077%; } .ce-menu.ce-menu-category .category-item .image-wrap:last-child { margin-right: 0; } } @media screen and (max-width: 768px) { .ce-menu.ce-menu-category .category-item .image-wrap { float: left; display: block; margin-right: 2.0618556701%; width: 31.9587628866%; } .ce-menu.ce-menu-category .category-item .image-wrap:last-child { margin-right: 0; } } @media screen and (max-width: 480px) { .ce-menu.ce-menu-category .category-item .image-wrap { float: left; display: block; margin-right: 1.5384615385%; width: 100%; } .ce-menu.ce-menu-category .category-item .image-wrap:last-child { margin-right: 0; } } .ce-menu.ce-menu-category .category-item .image-wrap a { display: block; background: #fff !important; border: 1px solid #fff; } .ce-menu.ce-menu-category .category-item .image-wrap img { width: 100%; max-width: 100%; height: auto; } .ce-menu.ce-menu-category .category-item .info-wrap { float: left; display: block; margin-right: 1.5384615385%; width: 49.2307692308%; margin-left: 33.8461538462%; margin-right: 0; } .ce-menu.ce-menu-category .category-item .info-wrap:last-child { margin-right: 0; } .ce-menu.ce-menu-category .category-item .info-wrap.with-image { margin-left: 0%; } @media screen and (max-width: 1024px) { .ce-menu.ce-menu-category .category-item .info-wrap { float: left; display: block; margin-right: 1.5384615385%; width: 66.1538461538%; } .ce-menu.ce-menu-category .category-item .info-wrap:last-child { margin-right: 0; } } @media screen and (max-width: 768px) { .ce-menu.ce-menu-category .category-item .info-wrap { float: left; display: block; margin-right: 2.0618556701%; width: 65.9793814433%; } .ce-menu.ce-menu-category .category-item .info-wrap:last-child { margin-right: 0; } } @media screen and (max-width: 480px) { .ce-menu.ce-menu-category .category-item .info-wrap { margin-left: 0%; float: left; display: block; margin-right: 1.5384615385%; width: 100%; } .ce-menu.ce-menu-category .category-item .info-wrap:last-child { margin-right: 0; } } .ce-menu.ce-menu-category .category-item .info-wrap h2 { margin-top: 0; margin-bottom: 0; } .ce-menu.ce-menu-category .category-item .info-wrap h2 a { display: block; font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; position: relative; background: #d9e2e8; line-height: 1.2; padding: 15px 55px 12px 20px; margin: 0; transition: all 275ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-hyphens: none; hyphens: none; cursor: pointer; } .ce-menu.ce-menu-category .category-item .info-wrap h2 a > .material-icons, .ce-menu.ce-menu-category .category-item .info-wrap h2 .event-list-Teaser .event-teaser .event-teaser-wrap a > a.more:after, .event-list-Teaser .event-teaser .event-teaser-wrap .ce-menu.ce-menu-category .category-item .info-wrap h2 a > a.more:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 .event-list-Header p a > a:after, .event-list-Header p .ce-menu.ce-menu-category .category-item .info-wrap h2 a > a:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 .event-list-Header a > .netl-events-header:before, .event-list-Header .ce-menu.ce-menu-category .category-item .info-wrap h2 a > .netl-events-header:before, .ce-menu.ce-menu-category .category-item .info-wrap h2 .tx-powermail .powermail_fieldwrap_type_file a > .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_file .ce-menu.ce-menu-category .category-item .info-wrap h2 a > .powermail_field:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 .tx-powermail .powermail_fieldwrap_type_select a > .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_select .ce-menu.ce-menu-category .category-item .info-wrap h2 a > .powermail_field:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 .tx-powermail .powermail_fieldwrap_type_country a > .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_country .ce-menu.ce-menu-category .category-item .info-wrap h2 a > .powermail_field:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box a > .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .ce-menu.ce-menu-category .category-item .info-wrap h2 a > .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .ce-menu.ce-menu-category .category-item .info-wrap h2 .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box a > .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .ce-menu.ce-menu-category .category-item .info-wrap h2 a > .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .ce-menu.ce-menu-category .category-item .info-wrap h2 .news-list-teaser a > article:before, .news-list-teaser .ce-menu.ce-menu-category .category-item .info-wrap h2 a > article:before, .ce-menu.ce-menu-category .category-item .info-wrap h2 .sidr #sidr-id-mobile-navigation a > .sidr-class-open-navigation:before, .sidr #sidr-id-mobile-navigation .ce-menu.ce-menu-category .category-item .info-wrap h2 a > .sidr-class-open-navigation:before, .ce-menu.ce-menu-category .category-item .info-wrap h2 .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link a > a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link .ce-menu.ce-menu-category .category-item .info-wrap h2 a > a:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 .sidr #sidr-id-main-navigation .sidr-class-level-1 a.sidr-class-sub > a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .ce-menu.ce-menu-category .category-item .info-wrap h2 a.sidr-class-sub > a:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 #main-navigation .flyout .level-2 a.default-sub > a:after, #main-navigation .flyout .level-2 .ce-menu.ce-menu-category .category-item .info-wrap h2 a.default-sub > a:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 #main-navigation .flyout .level-2 a.extended-sub > a:after, #main-navigation .flyout .level-2 .ce-menu.ce-menu-category .category-item .info-wrap h2 a.extended-sub > a:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 .content .select-wrapper a > .select:after, .content .select-wrapper .ce-menu.ce-menu-category .category-item .info-wrap h2 a > .select:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 .sidebar .select-wrapper a > .select:after, .sidebar .select-wrapper .ce-menu.ce-menu-category .category-item .info-wrap h2 a > .select:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 .accordion.initialized .accordion-element a > .accordion-header:before, .accordion.initialized .accordion-element .ce-menu.ce-menu-category .category-item .info-wrap h2 a > .accordion-header:before, .content ul .ce-menu.ce-menu-category .category-item .info-wrap h2 a > li:before, .sidebar ul .ce-menu.ce-menu-category .category-item .info-wrap h2 a > li:before, .ce-menu.ce-menu-category .category-item .info-wrap h2 ul a > li:before, .ce-menu.ce-menu-category .category-item .info-wrap ul h2 a > li:before, .ce-menu.ce-menu-category .category-item .info-wrap h2 #header #top-search-form .text-field-wrapper a > button:before, #header #top-search-form .text-field-wrapper .ce-menu.ce-menu-category .category-item .info-wrap h2 a > button:before, .ce-menu.ce-menu-category .category-item .info-wrap h2 #header #mobile-search-form .text-field-wrapper a > button:before, #header #mobile-search-form .text-field-wrapper .ce-menu.ce-menu-category .category-item .info-wrap h2 a > button:before, .ce-menu.ce-menu-category .category-item .info-wrap h2 #header #mobile-navigation a > .open-navigation:before, #header #mobile-navigation .ce-menu.ce-menu-category .category-item .info-wrap h2 a > .open-navigation:before, .ce-menu.ce-menu-category .category-item .info-wrap h2 #header #sticky-mobile-navigation a > .open-navigation:before, #header #sticky-mobile-navigation .ce-menu.ce-menu-category .category-item .info-wrap h2 a > .open-navigation:before, .ce-menu.ce-menu-category .category-item .info-wrap h2 a > a.internal-link:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 a > a.download:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 a > a.external-link:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 a > a.external-link-new-window:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 a > a.internal-link-new-window:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 a > a.mail:after, .ce-menu.ce-menu-category .category-item .info-wrap h2 #product .tabs article ul a > li:before, #product .tabs article ul .ce-menu.ce-menu-category .category-item .info-wrap h2 a > li:before, .content-element.teaser-box .ce-menu.ce-menu-category .category-item .info-wrap h2 a > li:before, .content-element.teaser-box-small .ce-menu.ce-menu-category .category-item .info-wrap h2 a > li:before { position: absolute; right: 10px; top: 50%; margin-top: -20px; font-size: 40px; } .ce-menu.ce-menu-category .category-item .info-wrap h2 a:hover { color: #fff; background: #003d66; } .ce-menu.ce-menu-category .category-item .info-wrap .content { background: #f9f9f9; padding-bottom: 25px !important; } .ce-menu.ce-menu-category .category-item .info-wrap p { padding: 20px 16px 18px; margin-bottom: 0; padding-bottom: 0; } @media screen and (max-width: 1024px) { .ce-menu.ce-menu-category .category-item .info-wrap p { display: none; } } .ce-menu.ce-menu-category .category-item .info-wrap ul { padding: 20px 16px 18px; padding-bottom: 0; } .ce-menu.ce-menu-category .category-item .info-wrap ul::after { clear: both; content: ""; display: table; } .ce-menu.ce-menu-category .category-item .info-wrap ul li { float: left; width: 50%; min-height: 22px; position: relative; padding-left: 20px; } @media screen and (max-width: 768px) { .ce-menu.ce-menu-category .category-item .info-wrap ul li { float: none; width: 100%; } } .ce-menu.ce-menu-category .category-item .info-wrap ul li:before { content: "\e5cc"; color: #003d66; position: absolute; left: 0; top: -1px; font-size: 20px; transform: translate(0px, 0px); transition: transform 275ms cubic-bezier(0.4, 0, 0.2, 1); } .ce-menu.ce-menu-category .category-item .info-wrap ul li:hover:before { transform: translate(3px, 0px); } .ce-menu.ce-menu-product { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; flex-wrap: wrap; box-orient: horizontal; box-direction: normal; -moz-flex-direction: row; flex-direction: row; } .ce-menu.ce-menu-product .product-item { -moz-flex-grow: 0; flex-grow: 0; -ms-flex-positive: 0; flex-shrink: 0; -ms-flex-negative: 0; width: 32%; margin-right: 2%; margin-bottom: 40px; background: #f9f9f9; padding-bottom: 25px !important; } .ce-menu.ce-menu-product .product-item:nth-child(3n) { margin-right: 0; } @media screen and (max-width: 768px) { .ce-menu.ce-menu-product .product-item { width: 49%; margin-right: 2%; } .ce-menu.ce-menu-product .product-item:nth-child(3n) { margin-right: 2%; } .ce-menu.ce-menu-product .product-item:nth-child(2n) { margin-right: 0; } } @media screen and (max-width: 480px) { .ce-menu.ce-menu-product .product-item { width: 100%; margin-right: 0 !important; } } .ce-menu.ce-menu-product .product-item .product-image { display: block; } .ce-menu.ce-menu-product .product-item .product-image img { width: 100%; max-width: 100%; height: auto; } .ce-menu.ce-menu-product .product-item h2 { font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; position: relative; background: #d9e2e8; line-height: 1.2; padding: 15px 55px 12px 20px; margin: 0; transition: all 275ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-hyphens: none; hyphens: none; } .ce-menu.ce-menu-product .product-item h2 > .material-icons, .ce-menu.ce-menu-product .product-item .event-list-Teaser .event-teaser .event-teaser-wrap h2 > a.more:after, .event-list-Teaser .event-teaser .event-teaser-wrap .ce-menu.ce-menu-product .product-item h2 > a.more:after, .ce-menu.ce-menu-product .product-item .event-list-Header p h2 > a:after, .event-list-Header p .ce-menu.ce-menu-product .product-item h2 > a:after, .ce-menu.ce-menu-product .product-item .event-list-Header h2 > .netl-events-header:before, .event-list-Header .ce-menu.ce-menu-product .product-item h2 > .netl-events-header:before, .ce-menu.ce-menu-product .product-item .tx-powermail .powermail_fieldwrap_type_file h2 > .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_file .ce-menu.ce-menu-product .product-item h2 > .powermail_field:after, .ce-menu.ce-menu-product .product-item .tx-powermail .powermail_fieldwrap_type_select h2 > .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_select .ce-menu.ce-menu-product .product-item h2 > .powermail_field:after, .ce-menu.ce-menu-product .product-item .tx-powermail .powermail_fieldwrap_type_country h2 > .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_country .ce-menu.ce-menu-product .product-item h2 > .powermail_field:after, .ce-menu.ce-menu-product .product-item .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box h2 > .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .ce-menu.ce-menu-product .product-item h2 > .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .ce-menu.ce-menu-product .product-item .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box h2 > .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .ce-menu.ce-menu-product .product-item h2 > .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .ce-menu.ce-menu-product .product-item .news-list-teaser h2 > article:before, .news-list-teaser .ce-menu.ce-menu-product .product-item h2 > article:before, .ce-menu.ce-menu-product .product-item .sidr #sidr-id-mobile-navigation h2 > .sidr-class-open-navigation:before, .sidr #sidr-id-mobile-navigation .ce-menu.ce-menu-product .product-item h2 > .sidr-class-open-navigation:before, .ce-menu.ce-menu-product .product-item .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link h2 > a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link .ce-menu.ce-menu-product .product-item h2 > a:after, .ce-menu.ce-menu-product .product-item .sidr #sidr-id-main-navigation .sidr-class-level-1 h2.sidr-class-sub > a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .ce-menu.ce-menu-product .product-item h2.sidr-class-sub > a:after, .ce-menu.ce-menu-product .product-item #main-navigation .flyout .level-2 h2.default-sub > a:after, #main-navigation .flyout .level-2 .ce-menu.ce-menu-product .product-item h2.default-sub > a:after, .ce-menu.ce-menu-product .product-item #main-navigation .flyout .level-2 h2.extended-sub > a:after, #main-navigation .flyout .level-2 .ce-menu.ce-menu-product .product-item h2.extended-sub > a:after, .ce-menu.ce-menu-product .product-item .content .select-wrapper h2 > .select:after, .content .select-wrapper .ce-menu.ce-menu-product .product-item h2 > .select:after, .ce-menu.ce-menu-product .product-item .sidebar .select-wrapper h2 > .select:after, .sidebar .select-wrapper .ce-menu.ce-menu-product .product-item h2 > .select:after, .ce-menu.ce-menu-product .product-item .accordion.initialized .accordion-element h2 > .accordion-header:before, .accordion.initialized .accordion-element .ce-menu.ce-menu-product .product-item h2 > .accordion-header:before, .ce-menu.ce-menu-product .product-item .content ul h2 > li:before, .content ul .ce-menu.ce-menu-product .product-item h2 > li:before, .ce-menu.ce-menu-product .product-item .sidebar ul h2 > li:before, .sidebar ul .ce-menu.ce-menu-product .product-item h2 > li:before, .ce-menu.ce-menu-product .product-item #header #top-search-form .text-field-wrapper h2 > button:before, #header #top-search-form .text-field-wrapper .ce-menu.ce-menu-product .product-item h2 > button:before, .ce-menu.ce-menu-product .product-item #header #mobile-search-form .text-field-wrapper h2 > button:before, #header #mobile-search-form .text-field-wrapper .ce-menu.ce-menu-product .product-item h2 > button:before, .ce-menu.ce-menu-product .product-item #header #mobile-navigation h2 > .open-navigation:before, #header #mobile-navigation .ce-menu.ce-menu-product .product-item h2 > .open-navigation:before, .ce-menu.ce-menu-product .product-item #header #sticky-mobile-navigation h2 > .open-navigation:before, #header #sticky-mobile-navigation .ce-menu.ce-menu-product .product-item h2 > .open-navigation:before, .ce-menu.ce-menu-product .product-item h2 > a.internal-link:after, .ce-menu.ce-menu-product .product-item h2 > a.download:after, .ce-menu.ce-menu-product .product-item h2 > a.external-link:after, .ce-menu.ce-menu-product .product-item h2 > a.external-link-new-window:after, .ce-menu.ce-menu-product .product-item h2 > a.internal-link-new-window:after, .ce-menu.ce-menu-product .product-item h2 > a.mail:after, .ce-menu.ce-menu-product .product-item #product .tabs article ul h2 > li:before, #product .tabs article ul .ce-menu.ce-menu-product .product-item h2 > li:before, .content-element.teaser-box .ce-menu.ce-menu-product .product-item h2 > li:before, .content-element.teaser-box-small .ce-menu.ce-menu-product .product-item h2 > li:before, .ce-menu.ce-menu-product .product-item .ce-menu.ce-menu-category .category-item .info-wrap ul h2 > li:before, .ce-menu.ce-menu-category .category-item .info-wrap ul .ce-menu.ce-menu-product .product-item h2 > li:before { position: absolute; right: 10px; top: 50%; margin-top: -20px; font-size: 40px; } .ce-menu.ce-menu-product .product-item p { padding: 20px 16px 18px; } .ce-menu.ce-menu-product .product-item a { color: #535353; } .ce-menu.ce-menu-product .product-item a:hover h2 { color: #fff; background: #003d66; } .ce-menu.ce-menu-mixed { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; flex-wrap: wrap; box-orient: horizontal; box-direction: normal; -moz-flex-direction: row; flex-direction: row; } .ce-menu.ce-menu-mixed .item { -moz-flex-grow: 0; flex-grow: 0; -ms-flex-positive: 0; flex-shrink: 0; -ms-flex-negative: 0; width: 32%; margin-right: 2%; margin-bottom: 40px; background: #f9f9f9; padding-bottom: 25px !important; } .ce-menu.ce-menu-mixed .item:nth-child(3n) { margin-right: 0; } @media screen and (max-width: 768px) { .ce-menu.ce-menu-mixed .item { width: 49%; margin-right: 2%; } .ce-menu.ce-menu-mixed .item:nth-child(3n) { margin-right: 2%; } .ce-menu.ce-menu-mixed .item:nth-child(2n) { margin-right: 0; } } @media screen and (max-width: 480px) { .ce-menu.ce-menu-mixed .item { width: 100%; margin-right: 0 !important; } } .ce-menu.ce-menu-mixed .item h2 { font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; position: relative; background: #d9e2e8; line-height: 1.2; padding: 15px 55px 12px 20px; margin: 0; transition: all 275ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-hyphens: none; hyphens: none; } .ce-menu.ce-menu-mixed .item h2 > .material-icons, .ce-menu.ce-menu-mixed .item .event-list-Teaser .event-teaser .event-teaser-wrap h2 > a.more:after, .event-list-Teaser .event-teaser .event-teaser-wrap .ce-menu.ce-menu-mixed .item h2 > a.more:after, .ce-menu.ce-menu-mixed .item .event-list-Header p h2 > a:after, .event-list-Header p .ce-menu.ce-menu-mixed .item h2 > a:after, .ce-menu.ce-menu-mixed .item .event-list-Header h2 > .netl-events-header:before, .event-list-Header .ce-menu.ce-menu-mixed .item h2 > .netl-events-header:before, .ce-menu.ce-menu-mixed .item .tx-powermail .powermail_fieldwrap_type_file h2 > .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_file .ce-menu.ce-menu-mixed .item h2 > .powermail_field:after, .ce-menu.ce-menu-mixed .item .tx-powermail .powermail_fieldwrap_type_select h2 > .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_select .ce-menu.ce-menu-mixed .item h2 > .powermail_field:after, .ce-menu.ce-menu-mixed .item .tx-powermail .powermail_fieldwrap_type_country h2 > .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_country .ce-menu.ce-menu-mixed .item h2 > .powermail_field:after, .ce-menu.ce-menu-mixed .item .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box h2 > .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .ce-menu.ce-menu-mixed .item h2 > .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .ce-menu.ce-menu-mixed .item .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box h2 > .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .ce-menu.ce-menu-mixed .item h2 > .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .ce-menu.ce-menu-mixed .item .news-list-teaser h2 > article:before, .news-list-teaser .ce-menu.ce-menu-mixed .item h2 > article:before, .ce-menu.ce-menu-mixed .item .sidr #sidr-id-mobile-navigation h2 > .sidr-class-open-navigation:before, .sidr #sidr-id-mobile-navigation .ce-menu.ce-menu-mixed .item h2 > .sidr-class-open-navigation:before, .ce-menu.ce-menu-mixed .item .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link h2 > a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link .ce-menu.ce-menu-mixed .item h2 > a:after, .ce-menu.ce-menu-mixed .item .sidr #sidr-id-main-navigation .sidr-class-level-1 h2.sidr-class-sub > a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .ce-menu.ce-menu-mixed .item h2.sidr-class-sub > a:after, .ce-menu.ce-menu-mixed .item #main-navigation .flyout .level-2 h2.default-sub > a:after, #main-navigation .flyout .level-2 .ce-menu.ce-menu-mixed .item h2.default-sub > a:after, .ce-menu.ce-menu-mixed .item #main-navigation .flyout .level-2 h2.extended-sub > a:after, #main-navigation .flyout .level-2 .ce-menu.ce-menu-mixed .item h2.extended-sub > a:after, .ce-menu.ce-menu-mixed .item .content .select-wrapper h2 > .select:after, .content .select-wrapper .ce-menu.ce-menu-mixed .item h2 > .select:after, .ce-menu.ce-menu-mixed .item .sidebar .select-wrapper h2 > .select:after, .sidebar .select-wrapper .ce-menu.ce-menu-mixed .item h2 > .select:after, .ce-menu.ce-menu-mixed .item .accordion.initialized .accordion-element h2 > .accordion-header:before, .accordion.initialized .accordion-element .ce-menu.ce-menu-mixed .item h2 > .accordion-header:before, .ce-menu.ce-menu-mixed .item .content ul h2 > li:before, .content ul .ce-menu.ce-menu-mixed .item h2 > li:before, .ce-menu.ce-menu-mixed .item .sidebar ul h2 > li:before, .sidebar ul .ce-menu.ce-menu-mixed .item h2 > li:before, .ce-menu.ce-menu-mixed .item #header #top-search-form .text-field-wrapper h2 > button:before, #header #top-search-form .text-field-wrapper .ce-menu.ce-menu-mixed .item h2 > button:before, .ce-menu.ce-menu-mixed .item #header #mobile-search-form .text-field-wrapper h2 > button:before, #header #mobile-search-form .text-field-wrapper .ce-menu.ce-menu-mixed .item h2 > button:before, .ce-menu.ce-menu-mixed .item #header #mobile-navigation h2 > .open-navigation:before, #header #mobile-navigation .ce-menu.ce-menu-mixed .item h2 > .open-navigation:before, .ce-menu.ce-menu-mixed .item #header #sticky-mobile-navigation h2 > .open-navigation:before, #header #sticky-mobile-navigation .ce-menu.ce-menu-mixed .item h2 > .open-navigation:before, .ce-menu.ce-menu-mixed .item h2 > a.internal-link:after, .ce-menu.ce-menu-mixed .item h2 > a.download:after, .ce-menu.ce-menu-mixed .item h2 > a.external-link:after, .ce-menu.ce-menu-mixed .item h2 > a.external-link-new-window:after, .ce-menu.ce-menu-mixed .item h2 > a.internal-link-new-window:after, .ce-menu.ce-menu-mixed .item h2 > a.mail:after, .ce-menu.ce-menu-mixed .item #product .tabs article ul h2 > li:before, #product .tabs article ul .ce-menu.ce-menu-mixed .item h2 > li:before, .content-element.teaser-box .ce-menu.ce-menu-mixed .item h2 > li:before, .content-element.teaser-box-small .ce-menu.ce-menu-mixed .item h2 > li:before, .ce-menu.ce-menu-mixed .item .ce-menu.ce-menu-category .category-item .info-wrap ul h2 > li:before, .ce-menu.ce-menu-category .category-item .info-wrap ul .ce-menu.ce-menu-mixed .item h2 > li:before { position: absolute; right: 10px; top: 50%; margin-top: -20px; font-size: 40px; } .ce-menu.ce-menu-mixed .item h2 a { color: #003d66; } .ce-menu.ce-menu-mixed .item h2:hover { background: #003d66; } .ce-menu.ce-menu-mixed .item h2:hover a { color: #fff; } .ce-menu.ce-menu-mixed .item .content { padding: 20px 16px 18px; } .ce-menu.ce-menu-mixed .item .content ul::after { clear: both; content: ""; display: table; } .ce-menu.ce-menu-mixed .item .content ul li { position: relative; padding-left: 20px; } .ce-menu.ce-menu-mixed .item .content ul li:before { content: "\e5cc"; color: #003d66; position: absolute; left: 0; top: -1px; transform: translate(0px, 0px); transition: transform 275ms cubic-bezier(0.4, 0, 0.2, 1); } .ce-menu.ce-menu-mixed .item .content ul li:hover:before { transform: translate(3px, 0px); } .ce-menu.ce-menu-mixed .item a { color: #535353; } .ce-menu.ce-menu-mixed .item a:hover h2 { color: #fff; background: #003d66; } .ce-menu.ce-menu-mixed .image-wrap { display: block; background: #fff; } .ce-menu.ce-menu-mixed .image-wrap img { width: 100%; max-width: 100%; height: auto; } @media screen and (max-width: 480px) { .ce-image figure.image { width: 100%; margin: 0; padding: 0; } } .ce-image figure.image .image-embed-item { width: 100%; height: auto; } .ce-textpic::after { clear: both; content: ""; display: table; } .ce-textpic figure { margin: 0; } .ce-textpic figure figcaption { font-size: 12px; line-height: 20px; background-color: #f9f9f9; color: #535353; padding: 14px; border-bottom: 2px solid #c0c0c0; } .ce-textpic.ce-intext .ce-gallery { float: left; display: block; margin-right: 2.3255813953%; width: 36.0465116279%; } .ce-textpic.ce-intext .ce-gallery:last-child { margin-right: 0; } @media screen and (max-width: 480px) { .ce-textpic.ce-intext .ce-gallery { float: left; display: block; margin-right: 2.3255813953%; width: 100%; margin-bottom: 10px; } .ce-textpic.ce-intext .ce-gallery:last-child { margin-right: 0; } } .ce-textpic.ce-intext.ce-right .ce-gallery { float: right; margin-left: 20px; margin-right: 0; } .ce-textpic.ce-below .ce-gallery { margin-bottom: 1em; } .ce-textpic img { max-width: 100%; height: auto; } .ce-table { width: 100%; max-width: 100%; border-collapse: collapse; margin-bottom: 20px; } @media screen and (max-width: 480px) { .ce-table { display: none; } } .ce-table .check-mark { color: #00b28f; } .ce-table .x-mark { color: #e1023b; } .ce-table th, .ce-table td { padding: 10px 10px 7px; line-height: 1.2; border-right: 1px solid #a0a0a0; background-color: #fff; } .ce-table th:last-child, .ce-table td:last-child { border-right: none; } .ce-table th { font-family: "FrutigerLTPro-Roman", Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; color: #003d66; border-right-color: #003d66; border-right-width: 2px; background: #e6ecf0; } .ce-table th:last-child { border-right: none; } .ce-table thead tr { border-bottom: 2px solid #003d66; } .ce-table thead tr th { border-right-width: 1px; } .ce-table.ce-table-double-head thead th:first-child { border-right-width: 2px; } .ce-table tbody tr { border-bottom: 1px solid #a0a0a0; } .ce-table.show-on-phone { display: none; } @media screen and (max-width: 480px) { .ce-table.show-on-phone { display: block; } } .ce-table.show-on-phone tr { border-bottom: 1px solid #003d66; } .ce-table.show-on-phone tr th { color: #003d66; } .ce-table.show-on-phone tr th + th { border-right: none; } .ce-table.show-on-phone tr td { padding: 9px 10px 10px; } .ce-default-teaser { margin-top: 40px; } .ce-default-teaser .ce-container .ce-image img { max-width: 100%; height: auto; } .contenttable { padding: 0; margin: 0 0 40px; } .contenttable td, .contenttable th { vertical-align: top; padding: 10px 10px 7px; } .contenttable thead { background-color: #e6ecf0; } .contenttable thead th { border-bottom: 2px solid #003d66; font-weight: normal; text-align: left; color: #003d66; } .contenttable thead th:first-of-type { border-right: 1px solid #003d66; } .contenttable tbody td { border-bottom: 1px solid #a0a0a0; } .contenttable tbody td:first-of-type { border-right: 1px solid #a0a0a0; } .contenttable tbody td strong, .contenttable tbody td ul, .contenttable tbody td ol, .contenttable tbody td p { font-size: 14px; line-height: 1.3em; margin: 7px 0; display: inline-block; } .contenttable tbody td ul, .contenttable tbody td ol { margin: 0; padding: 0; line-height: 1rem; } .contenttable tbody td ul li, .contenttable tbody td ol li { margin: 7px 0; } .content ul, .sidebar ul { margin-bottom: 20px; } .content ul li, .sidebar ul li { position: relative; padding-left: 20px; } .content ul li:before, .sidebar ul li:before { content: "\e3fa"; color: #003d66; position: absolute; left: 6px; top: 6px; font-size: 6px; } .content ol, .sidebar ol { list-style-type: decimal; list-style-position: inside; margin-bottom: 20px; } .content dl, .sidebar dl { margin-bottom: 20px; } .content dl dt, .sidebar dl dt { float: left; width: 30%; } .content dl dd::after, .sidebar dl dd::after { clear: both; content: ""; display: table; } .accordion.initialized { margin: 2em 0; } .accordion.initialized .accordion-element { overflow: hidden; } .accordion.initialized .accordion-element .accordion-header { font-size: 16px; color: #003d66; display: block; padding: 7px 20px 6px 30px; margin: 0; position: relative; background: #ccd8e0; border-bottom: 2px solid #fff; cursor: pointer; } .accordion.initialized .accordion-element .accordion-header:before { content: "\e5cc"; color: #003d66; position: absolute; font-size: 24px; top: 5px; left: 5px; width: 9px; height: 24px; transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); transform-origin: 50% 50%; transform: rotate(0deg); } .accordion.initialized .accordion-element .accordion-content { display: block; overflow: hidden; height: 0; background: #f9f9f9; } .accordion.initialized .accordion-element .accordion-content .accordion-content-wrapper { padding: 10px 30px; } .accordion.initialized .accordion-element.open .accordion-header:before { left: 18px; transform-origin: 50% 25%; transform: rotate(90deg); } .fce-icon-teaser { position: relative; z-index: 0; cursor: pointer; } .fce-icon-teaser a { color: #fff !important; } .fce-icon-teaser a:hover { color: #fff !important; } .fce-icon-teaser img { position: relative; z-index: 0; width: 100%; height: auto; } .fce-icon-teaser .content { perspective: 1000px; position: absolute; z-index: 2; text-align: center; top: 50%; left: 0; right: 0; margin-top: -60px; text-shadow: 0 0 10px rgba(0, 0, 0, 0); transition: transform 75ms linear; } .fce-icon-teaser .zoom-effect { transform: scale(1); transition: transform 275ms linear, text-shadow 275ms cubic-bezier(0.4, 0, 0.2, 1); } .fce-icon-teaser .gradient { background: linear-gradient(#003d66, #99b1c2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#668ba3,endColorstr=#003d66); position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.6; transform: translateZ(-100px); transition: opacity 275ms cubic-bezier(0.4, 0, 0.2, 1); } .fce-icon-teaser:hover .gradient { opacity: 0.8; } .fce-icon-teaser:hover .zoom-effect { transform: scale(1.09); text-shadow: 0 5px 20px rgba(0, 0, 0, 0.5); } .fce-icon-teaser h2 { font-family: "FrutigerLTPro-Light", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 38px; color: #fff; margin-top: 0px; line-height: 1.2em; } .fce-icon-teaser .big-icon { font-size: 65px; color: #fff; } .fce-icon-teaser .big-icon.icon-patient { position: relative; top: 7px; } .fce-icon-teaser .big-icon.icon-tooth { font-size: 55px; margin-top: 10px; margin-bottom: 7px; } @media screen and (max-width: 1024px) { .fce-icon-teaser h2 { font-size: 28px; } .fce-icon-teaser .content { margin-top: -50px; } } @media screen and (max-width: 870px) { .fce-icon-teaser h2 { font-size: 20px; font-family: "FrutigerLTPro-Roman", Arial, Helvetica, sans-serif; font-weight: normal; } .fce-icon-teaser .content { margin-top: -45px; } } @media screen and (max-width: 740px) { .fce-icon-teaser { height: 160px; overflow: hidden; } .fce-icon-teaser img { position: absolute; z-index: 0; top: 50%; transform: translateY(-50%); } .fce-icon-teaser h2, .fce-icon-teaser .big-icon { display: inline-block; } .fce-icon-teaser h2 { position: absolute; top: 50% !important; left: 120px; transform: translateY(-50%); font-family: "FrutigerLTPro-Light", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 34px; white-space: normal; line-height: 32px; } .fce-icon-teaser .big-icon { position: absolute !important; top: 50% !important; transform: translateY(-50%); font-size: 50px; margin: 0 !important; } .fce-icon-teaser .gradient { transform: translateZ(0); } .fce-icon-teaser .content { perspective: 0; position: absolute; top: 50%; bottom: 0; text-align: left; padding: 0 40px; white-space: nowrap; margin-top: 1px; } } .fce-slider { position: relative; z-index: 0; height: 500px; } .fce-slider .fce-slide { height: 500px; background-position: center center; background-size: cover; cursor: pointer !important; } .fce-slider .fce-slide .content { max-width: 1280px; margin-left: auto; margin-right: auto; } .fce-slider .fce-slide .content::after { clear: both; content: ""; display: table; } @media screen and (max-width: 1280px) { .fce-slider .fce-slide .content { padding-right: 20px; padding-left: 20px; } } .fce-slider .fce-slide .content .banner { width: 305px; height: 500px; opacity: 0; transition: opacity 572ms cubic-bezier(0.7, 0, 0.6, 1) 275ms; } .fce-slider .fce-slide .content header, .fce-slider .fce-slide .content article { transition: top 372ms cubic-bezier(0.42, 0, 1, 1) 275ms, bottom 372ms cubic-bezier(0.42, 0, 1, 1) 275ms; } .fce-slider .fce-slide .content header { position: relative; top: -10%; z-index: 0; height: 280px; background-color: rgba(0, 61, 102, 0.8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#668ba3,endColorstr=#003d66); } .fce-slider .fce-slide .content header h1 { position: absolute; bottom: 0; display: block; padding: 0 20px; } .fce-slider .fce-slide .content header h1, .fce-slider .fce-slide .content header h1 a { color: #fff; font-family: "FrutigerLTPro-Light", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 32px; line-height: 34px; } .fce-slider .fce-slide .content article { position: relative; bottom: -10%; padding: 20px; height: 220px; font-size: 16px; line-height: 22px; background-color: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .fce-slider .fce-slide .content article a { display: block; text-align: right; margin-top: 20px; } .fce-slider .fce-slide[aria-hidden=true] .content .banner { opacity: 0; background-color: red !important; } .fce-slider .fce-slide[aria-hidden=false] .content .banner { opacity: 1; } .fce-slider .fce-slide[aria-hidden=false] header { top: 0%; } .fce-slider .fce-slide[aria-hidden=false] article { bottom: 0%; } .bx-wrapper { margin-bottom: 40px; } .bx-controls { position: absolute; bottom: -15px; margin: 0 auto; width: 100%; text-align: center; } .bx-controls .bx-pager-item { display: inline-block; vertical-align: middle; margin: 0 11px; } .bx-controls .bx-pager-item a { display: inline-block; border-radius: 50%; font-size: 0; height: 30px; width: 30px; background: #668ba3; border: 8px solid #fff; transition: border 275ms linear, border 275ms linear; } .bx-controls .bx-pager-item a.active { height: 30px; width: 30px; border: 4px solid #fff; background: #003d66; } @media screen and (max-width: 640px) { .bx-wrapper { display: none; } } .fce-linkbox { position: relative; z-index: 0; padding: 0 !important; } .fce-linkbox ul { margin: 0; } .fce-linkbox ul li { padding: 0; } .fce-linkbox ul li:before { display: none !important; } .fce-linkbox .image { position: relative; overflow: hidden; padding-top: 56.25%; } .fce-linkbox .image img { position: absolute; top: 0; z-index: 0; max-width: 100%; height: auto; opacity: 0; transition: opacity 525ms cubic-bezier(0.4, 0, 0.2, 1) 525ms; } .fce-linkbox .image img.visible { opacity: 1; z-index: 1; transition: opacity 525ms cubic-bezier(0.4, 0, 0.2, 1); } .fce-linkbox a { font-size: 18px; display: block; padding: 10px 20px; background-color: #f9f9f9; transition: background-color 125ms cubic-bezier(0.4, 0, 0.2, 1), color 125ms cubic-bezier(0.4, 0, 0.2, 1); } .fce-linkbox a.active { color: #fff; background-color: #336485; } .fce-linkbox a:hover { color: #fff; background-color: #668ba3; } .content fieldset, .sidebar fieldset { margin: 0; padding: 0; border: 0; } .content form, .sidebar form { margin: 0; padding: 0; border: 0; } .content label, .sidebar label { display: block; color: #535353; font-family: "FrutigerLTPro-Roman", Arial, Helvetica, sans-serif; font-weight: normal; margin-bottom: 4px; } .content select, .content textarea, .content input, .sidebar select, .sidebar textarea, .sidebar input { width: 60%; margin: 0; padding: 0 10px; font-size: 12px; color: #535353; background: #fff; border: none; cursor: pointer; border-radius: 0; } .content select:focus, .content textarea:focus, .content input:focus, .sidebar select:focus, .sidebar textarea:focus, .sidebar input:focus { outline: none; } .content select::-webkit-input-placeholder, .content textarea::-webkit-input-placeholder, .content input::-webkit-input-placeholder, .sidebar select::-webkit-input-placeholder, .sidebar textarea::-webkit-input-placeholder, .sidebar input::-webkit-input-placeholder { color: #a0a0a0; } .content select::-moz-placeholder, .content textarea::-moz-placeholder, .content input::-moz-placeholder, .sidebar select::-moz-placeholder, .sidebar textarea::-moz-placeholder, .sidebar input::-moz-placeholder { color: #a0a0a0; } .content select:-moz-placeholder, .content textarea:-moz-placeholder, .content input:-moz-placeholder, .sidebar select:-moz-placeholder, .sidebar textarea:-moz-placeholder, .sidebar input:-moz-placeholder { color: #a0a0a0; } .content select:-ms-input-placeholder, .content textarea:-ms-input-placeholder, .content input:-ms-input-placeholder, .sidebar select:-ms-input-placeholder, .sidebar textarea:-ms-input-placeholder, .sidebar input:-ms-input-placeholder { color: #a0a0a0; } .content textarea, .sidebar textarea { height: 200px; } .content select, .content input[type=text], .content input[type=password], .content textarea, .sidebar select, .sidebar input[type=text], .sidebar input[type=password], .sidebar textarea { line-height: 34px; min-height: 34px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); background-color: #f9f9f9; -webkit-appearance: none; } .content input[type=checkbox], .content input[type=radio], .sidebar input[type=checkbox], .sidebar input[type=radio] { float: left; line-height: 1em; width: auto; height: auto; margin: 2px 8px 0 0; } .content input[type=checkbox] + label, .content input[type=radio] + label, .sidebar input[type=checkbox] + label, .sidebar input[type=radio] + label { display: block; margin-left: 20px; color: #535353; } .content .radio-wrapper, .sidebar .radio-wrapper { float: left; margin-top: 8px; margin-right: 20px; } .content .select-wrapper, .sidebar .select-wrapper { width: 60%; } .content .select-wrapper .select, .sidebar .select-wrapper .select { position: relative; height: 32px; } .content .select-wrapper .select select, .sidebar .select-wrapper .select select { margin: 0; padding: 0 0 0 10px; height: 34px; position: relative; width: 100%; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .content .select-wrapper .select select::-ms-expand, .sidebar .select-wrapper .select select::-ms-expand { display: none; } .content .select-wrapper .select:after, .sidebar .select-wrapper .select:after { content: "\e5cf"; color: #535353; position: absolute; width: 32px; height: 34px; font-size: 1.5em; line-height: 1; top: 0; bottom: 0; right: 0; color: #fff; background-color: #336485; background: linear-gradient(rgba(102, 139, 163, 0.9), rgba(0, 61, 102, 0.9)); transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 -1px -2px rgba(0, 0, 0, 0.25); text-align: center; padding-top: 8px; pointer-events: none; cursor: pointer; } .content .select-wrapper .select:hover:after, .sidebar .select-wrapper .select:hover:after { background-color: #003d66; } .content form button, .content .button, .sidebar form button, .sidebar .button { position: relative; display: inline-block; width: auto; border: none; cursor: pointer; margin: 0 0 20px 0; padding: 0 8px; height: 34px; line-height: 34px; background-color: #336485; background: linear-gradient(rgba(102, 139, 163, 0.9), rgba(0, 61, 102, 0.9)); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11), 0 1px 1px rgba(0, 0, 0, 0.24); transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1); font-family: "FrutigerLTPro-Roman", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #fff; text-align: center; } .content form button:hover, .content .button:hover, .sidebar form button:hover, .sidebar .button:hover { background-color: #003d66; } .content form button .material-icons, .content form button .event-list-Teaser .event-teaser .event-teaser-wrap a.more:after, .event-list-Teaser .event-teaser .event-teaser-wrap .content form button a.more:after, .content form button .event-list-Header p a:after, .event-list-Header p .content form button a:after, .content form button .event-list-Header .netl-events-header:before, .event-list-Header .content form button .netl-events-header:before, .content form button .tx-powermail .powermail_fieldwrap_type_file .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_file .content form button .powermail_field:after, .content form button .tx-powermail .powermail_fieldwrap_type_select .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_select .content form button .powermail_field:after, .content form button .tx-powermail .powermail_fieldwrap_type_country .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_country .content form button .powermail_field:after, .content form button .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .content form button .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .content form button .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .content form button .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .content form button .news-list-teaser article:before, .news-list-teaser .content form button article:before, .content form button .sidr #sidr-id-mobile-navigation .sidr-class-open-navigation:before, .sidr #sidr-id-mobile-navigation .content form button .sidr-class-open-navigation:before, .content form button .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link .content form button a:after, .content form button .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-sub > a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .content form button .sidr-class-sub > a:after, .content form button #main-navigation .flyout .level-3 > li > a:before, #main-navigation .flyout .content form button .level-3 > li > a:before, .content form button #main-navigation .flyout .level-2 .default-sub > a:after, #main-navigation .flyout .level-2 .content form button .default-sub > a:after, .content form button #main-navigation .flyout .level-2 .extended-sub > a:after, #main-navigation .flyout .level-2 .content form button .extended-sub > a:after, .content form button #header #top-search-form .text-field-wrapper button:before, #header #top-search-form .text-field-wrapper .content form button button:before, .content form button #header #mobile-search-form .text-field-wrapper button:before, #header #mobile-search-form .text-field-wrapper .content form button button:before, .content form button #header #mobile-navigation .open-navigation:before, #header #mobile-navigation .content form button .open-navigation:before, .content form button #header #sticky-mobile-navigation .open-navigation:before, #header #sticky-mobile-navigation .content form button .open-navigation:before, .content form button a.internal-link:after, .content form button a.download:after, .content form button a.external-link:after, .content form button a.external-link-new-window:after, .content form button a.internal-link-new-window:after, .content form button a.mail:after, .content form button #product .tabs article ul li:before, #product .tabs article ul .content form button li:before, .content form button .content-element.teaser-box .ce-menu li:before, .content-element.teaser-box .ce-menu .content form button li:before, .content form button .content-element.teaser-box-small .ce-menu li:before, .content-element.teaser-box-small .ce-menu .content form button li:before, .content form button .ce-menu.ce-menu-category .category-item .info-wrap ul li:before, .ce-menu.ce-menu-category .category-item .info-wrap ul .content form button li:before, .ce-menu.ce-menu-mixed .item .content form button ul li:before, .ce-menu.ce-menu-mixed .item .content ul form button li:before, .content form button ul li:before, .content ul form button li:before, .content form button .sidebar ul li:before, .sidebar ul .content form button li:before, .content form button .accordion.initialized .accordion-element .accordion-header:before, .accordion.initialized .accordion-element .content form button .accordion-header:before, .content form button .select-wrapper .select:after, .content .select-wrapper form button .select:after, .content form button .sidebar .select-wrapper .select:after, .sidebar .select-wrapper .content form button .select:after, .content .button .material-icons, .content .button .event-list-Teaser .event-teaser .event-teaser-wrap a.more:after, .event-list-Teaser .event-teaser .event-teaser-wrap .content .button a.more:after, .content .button .event-list-Header p a:after, .event-list-Header p .content .button a:after, .content .button .event-list-Header .netl-events-header:before, .event-list-Header .content .button .netl-events-header:before, .content .button .tx-powermail .powermail_fieldwrap_type_file .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_file .content .button .powermail_field:after, .content .button .tx-powermail .powermail_fieldwrap_type_select .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_select .content .button .powermail_field:after, .content .button .tx-powermail .powermail_fieldwrap_type_country .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_country .content .button .powermail_field:after, .content .button .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .content .button .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .content .button .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .content .button .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .content .button .news-list-teaser article:before, .news-list-teaser .content .button article:before, .content .button .sidr #sidr-id-mobile-navigation .sidr-class-open-navigation:before, .sidr #sidr-id-mobile-navigation .content .button .sidr-class-open-navigation:before, .content .button .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link .content .button a:after, .content .button .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-sub > a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .content .button .sidr-class-sub > a:after, .content .button #main-navigation .flyout .level-3 > li > a:before, #main-navigation .flyout .content .button .level-3 > li > a:before, .content .button #main-navigation .flyout .level-2 .default-sub > a:after, #main-navigation .flyout .level-2 .content .button .default-sub > a:after, .content .button #main-navigation .flyout .level-2 .extended-sub > a:after, #main-navigation .flyout .level-2 .content .button .extended-sub > a:after, .content .button #header #top-search-form .text-field-wrapper button:before, #header #top-search-form .text-field-wrapper .content .button button:before, .content .button #header #mobile-search-form .text-field-wrapper button:before, #header #mobile-search-form .text-field-wrapper .content .button button:before, .content .button #header #mobile-navigation .open-navigation:before, #header #mobile-navigation .content .button .open-navigation:before, .content .button #header #sticky-mobile-navigation .open-navigation:before, #header #sticky-mobile-navigation .content .button .open-navigation:before, .content .button a.internal-link:after, .content .button a.download:after, .content .button a.external-link:after, .content .button a.external-link-new-window:after, .content .button a.internal-link-new-window:after, .content .button a.mail:after, .content .button #product .tabs article ul li:before, #product .tabs article ul .content .button li:before, .content .button .content-element.teaser-box .ce-menu li:before, .content-element.teaser-box .ce-menu .content .button li:before, .content .button .content-element.teaser-box-small .ce-menu li:before, .content-element.teaser-box-small .ce-menu .content .button li:before, .content .button .ce-menu.ce-menu-category .category-item .info-wrap ul li:before, .ce-menu.ce-menu-category .category-item .info-wrap ul .content .button li:before, .ce-menu.ce-menu-mixed .item .content .button ul li:before, .ce-menu.ce-menu-mixed .item .content ul .button li:before, .content .button ul li:before, .content ul .button li:before, .content .button .sidebar ul li:before, .sidebar ul .content .button li:before, .content .button .accordion.initialized .accordion-element .accordion-header:before, .accordion.initialized .accordion-element .content .button .accordion-header:before, .content .button .select-wrapper .select:after, .content .select-wrapper .button .select:after, .content .button .sidebar .select-wrapper .select:after, .sidebar .select-wrapper .content .button .select:after, .sidebar form button .material-icons, .sidebar form button .event-list-Teaser .event-teaser .event-teaser-wrap a.more:after, .event-list-Teaser .event-teaser .event-teaser-wrap .sidebar form button a.more:after, .sidebar form button .event-list-Header p a:after, .event-list-Header p .sidebar form button a:after, .sidebar form button .event-list-Header .netl-events-header:before, .event-list-Header .sidebar form button .netl-events-header:before, .sidebar form button .tx-powermail .powermail_fieldwrap_type_file .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_file .sidebar form button .powermail_field:after, .sidebar form button .tx-powermail .powermail_fieldwrap_type_select .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_select .sidebar form button .powermail_field:after, .sidebar form button .tx-powermail .powermail_fieldwrap_type_country .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_country .sidebar form button .powermail_field:after, .sidebar form button .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .sidebar form button .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .sidebar form button .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .sidebar form button .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .sidebar form button .news-list-teaser article:before, .news-list-teaser .sidebar form button article:before, .sidebar form button .sidr #sidr-id-mobile-navigation .sidr-class-open-navigation:before, .sidr #sidr-id-mobile-navigation .sidebar form button .sidr-class-open-navigation:before, .sidebar form button .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link .sidebar form button a:after, .sidebar form button .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-sub > a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidebar form button .sidr-class-sub > a:after, .sidebar form button #main-navigation .flyout .level-3 > li > a:before, #main-navigation .flyout .sidebar form button .level-3 > li > a:before, .sidebar form button #main-navigation .flyout .level-2 .default-sub > a:after, #main-navigation .flyout .level-2 .sidebar form button .default-sub > a:after, .sidebar form button #main-navigation .flyout .level-2 .extended-sub > a:after, #main-navigation .flyout .level-2 .sidebar form button .extended-sub > a:after, .sidebar form button #header #top-search-form .text-field-wrapper button:before, #header #top-search-form .text-field-wrapper .sidebar form button button:before, .sidebar form button #header #mobile-search-form .text-field-wrapper button:before, #header #mobile-search-form .text-field-wrapper .sidebar form button button:before, .sidebar form button #header #mobile-navigation .open-navigation:before, #header #mobile-navigation .sidebar form button .open-navigation:before, .sidebar form button #header #sticky-mobile-navigation .open-navigation:before, #header #sticky-mobile-navigation .sidebar form button .open-navigation:before, .sidebar form button a.internal-link:after, .sidebar form button a.download:after, .sidebar form button a.external-link:after, .sidebar form button a.external-link-new-window:after, .sidebar form button a.internal-link-new-window:after, .sidebar form button a.mail:after, .sidebar form button #product .tabs article ul li:before, #product .tabs article ul .sidebar form button li:before, .sidebar form button .content-element.teaser-box .ce-menu li:before, .content-element.teaser-box .ce-menu .sidebar form button li:before, .sidebar form button .content-element.teaser-box-small .ce-menu li:before, .content-element.teaser-box-small .ce-menu .sidebar form button li:before, .sidebar form button .ce-menu.ce-menu-category .category-item .info-wrap ul li:before, .ce-menu.ce-menu-category .category-item .info-wrap ul .sidebar form button li:before, .sidebar form button .ce-menu.ce-menu-mixed .item .content ul li:before, .ce-menu.ce-menu-mixed .item .content ul .sidebar form button li:before, .sidebar form button .content ul li:before, .content ul .sidebar form button li:before, .sidebar form button ul li:before, .sidebar ul form button li:before, .sidebar form button .accordion.initialized .accordion-element .accordion-header:before, .accordion.initialized .accordion-element .sidebar form button .accordion-header:before, .sidebar form button .content .select-wrapper .select:after, .content .select-wrapper .sidebar form button .select:after, .sidebar form button .select-wrapper .select:after, .sidebar .select-wrapper form button .select:after, .sidebar .button .material-icons, .sidebar .button .event-list-Teaser .event-teaser .event-teaser-wrap a.more:after, .event-list-Teaser .event-teaser .event-teaser-wrap .sidebar .button a.more:after, .sidebar .button .event-list-Header p a:after, .event-list-Header p .sidebar .button a:after, .sidebar .button .event-list-Header .netl-events-header:before, .event-list-Header .sidebar .button .netl-events-header:before, .sidebar .button .tx-powermail .powermail_fieldwrap_type_file .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_file .sidebar .button .powermail_field:after, .sidebar .button .tx-powermail .powermail_fieldwrap_type_select .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_select .sidebar .button .powermail_field:after, .sidebar .button .tx-powermail .powermail_fieldwrap_type_country .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_country .sidebar .button .powermail_field:after, .sidebar .button .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .sidebar .button .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .sidebar .button .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .sidebar .button .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .sidebar .button .news-list-teaser article:before, .news-list-teaser .sidebar .button article:before, .sidebar .button .sidr #sidr-id-mobile-navigation .sidr-class-open-navigation:before, .sidr #sidr-id-mobile-navigation .sidebar .button .sidr-class-open-navigation:before, .sidebar .button .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link .sidebar .button a:after, .sidebar .button .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-sub > a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidebar .button .sidr-class-sub > a:after, .sidebar .button #main-navigation .flyout .level-3 > li > a:before, #main-navigation .flyout .sidebar .button .level-3 > li > a:before, .sidebar .button #main-navigation .flyout .level-2 .default-sub > a:after, #main-navigation .flyout .level-2 .sidebar .button .default-sub > a:after, .sidebar .button #main-navigation .flyout .level-2 .extended-sub > a:after, #main-navigation .flyout .level-2 .sidebar .button .extended-sub > a:after, .sidebar .button #header #top-search-form .text-field-wrapper button:before, #header #top-search-form .text-field-wrapper .sidebar .button button:before, .sidebar .button #header #mobile-search-form .text-field-wrapper button:before, #header #mobile-search-form .text-field-wrapper .sidebar .button button:before, .sidebar .button #header #mobile-navigation .open-navigation:before, #header #mobile-navigation .sidebar .button .open-navigation:before, .sidebar .button #header #sticky-mobile-navigation .open-navigation:before, #header #sticky-mobile-navigation .sidebar .button .open-navigation:before, .sidebar .button a.internal-link:after, .sidebar .button a.download:after, .sidebar .button a.external-link:after, .sidebar .button a.external-link-new-window:after, .sidebar .button a.internal-link-new-window:after, .sidebar .button a.mail:after, .sidebar .button #product .tabs article ul li:before, #product .tabs article ul .sidebar .button li:before, .sidebar .button .content-element.teaser-box .ce-menu li:before, .content-element.teaser-box .ce-menu .sidebar .button li:before, .sidebar .button .content-element.teaser-box-small .ce-menu li:before, .content-element.teaser-box-small .ce-menu .sidebar .button li:before, .sidebar .button .ce-menu.ce-menu-category .category-item .info-wrap ul li:before, .ce-menu.ce-menu-category .category-item .info-wrap ul .sidebar .button li:before, .sidebar .button .ce-menu.ce-menu-mixed .item .content ul li:before, .ce-menu.ce-menu-mixed .item .content ul .sidebar .button li:before, .sidebar .button .content ul li:before, .content ul .sidebar .button li:before, .sidebar .button ul li:before, .sidebar ul .button li:before, .sidebar .button .accordion.initialized .accordion-element .accordion-header:before, .accordion.initialized .accordion-element .sidebar .button .accordion-header:before, .sidebar .button .content .select-wrapper .select:after, .content .select-wrapper .sidebar .button .select:after, .sidebar .button .select-wrapper .select:after, .sidebar .select-wrapper .button .select:after { float: left; margin-right: 5px; line-height: 34px; } .content .field-wrapper .info-box, .sidebar .field-wrapper .info-box { float: right; width: 40%; } .tabs .select-wrapper { display: none; width: 100%; padding-top: 20px; } @media screen and (max-width: 1024px) { .tabs .select-wrapper { display: none; } } @media screen and (max-width: 768px) { .tabs .select-wrapper { display: block; } } .tabs nav.tabs-navigation { display: block; } @media screen and (max-width: 1024px) { .tabs nav.tabs-navigation { display: block; } } @media screen and (max-width: 768px) { .tabs nav.tabs-navigation { display: none; } } .tabs nav.tabs-navigation ul { margin: 0; padding: 0; margin: 0; } .tabs nav.tabs-navigation ul li { padding: 0; } .tabs nav.tabs-navigation ul li:before { display: none !important; } .tabs nav.tabs-navigation ul::after { clear: both; content: ""; display: table; } .tabs nav.tabs-navigation ul li { display: block; float: left; padding: 8px 10px; background-color: rgb(204, 204, 204); background-image: linear-gradient(to bottom,rgb(204, 204, 204) 0%, rgb(190, 190, 190) 45%, rgb(190, 190, 190) 100%); font-size: 14px; font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; border-left: 2px solid #fff; } .tabs nav.tabs-navigation ul li a { color: #fff; } .tabs nav.tabs-navigation ul li a i { float: left; font-size: 26px; line-height: 0.7; margin-right: 1px; } .tabs nav.tabs-navigation ul li:first-child { border-left: none; } .tabs nav.tabs-navigation ul li.active { background: #ededed; } .tabs nav.tabs-navigation ul li.active a { color: #003d66; } .tabs nav.tabs-navigation ul li:hover { cursor: pointer; background: #ededed; transition: all 1s; } .tabs nav.tabs-navigation ul li:hover a { color: #003d66; } .tabs .tabs-content { position: relative; background: #ededed; border-bottom: 2px solid #c0c0c0; padding: 20px; } .tabs .tabs-content article { overflow: hidden; max-height: 0; opacity: 0; transition: max-height 100ms ease-out, opacity 1000ms ease-out; } .tabs .tabs-content article h2 { display: none; } .tabs .tabs-content article.active { transition: max-height 100ms ease-out, opacity 1000ms ease-out; max-height: 1500px; opacity: 1; } .tx-merzprovider-pi1 .download-list .search-form input, .tx-merzprovider-pi1 .download-list .search-form .select-wrapper { margin-bottom: 20px; } .tx-merzprovider-pi1 .download-list .search-form input[type=text] { width: 100%; } .tx-merzprovider-pi1 .download-list .search-form .form-row { max-width: 1280px; margin-left: auto; margin-right: auto; } .tx-merzprovider-pi1 .download-list .search-form .form-row::after { clear: both; content: ""; display: table; } .tx-merzprovider-pi1 .download-list .search-form .select-wrapper { float: left; display: block; margin-right: 2.3255813953%; width: 23.2558139535%; } .tx-merzprovider-pi1 .download-list .search-form .select-wrapper:last-child { margin-right: 0; } @media screen and (max-width: 480px) { .tx-merzprovider-pi1 .download-list .search-form .select-wrapper { float: left; display: block; margin-right: 4.7619047619%; width: 100%; } .tx-merzprovider-pi1 .download-list .search-form .select-wrapper:last-child { margin-right: 0; } } .tx-merzprovider-pi1 .download-list .search-form .select-wrapper:last-child { margin-right: 0; } .tx-merzprovider-pi1 .download-list .search-form .search-input-row { position: relative; padding-right: 90px; } .tx-merzprovider-pi1 .download-list .search-form .search-input-row button { display: block; padding: 0; width: 90px; position: absolute; right: 0; top: 0; } .tx-merzprovider-pi1 .download-list .search-request strong { display: inline-block; background-color: #d9e2e8; padding: 7px 8px 3px; margin: 2px; border-radius: 10px; } .tx-merzprovider-pi1 .download-list .download-item { max-width: 1280px; margin-left: auto; margin-right: auto; } .tx-merzprovider-pi1 .download-list .download-item::after { clear: both; content: ""; display: table; } .tx-merzprovider-pi1 .download-list .download-item header { position: relative; font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; position: relative; background: #d9e2e8; line-height: 1.2; padding: 15px 55px 12px 20px; margin: 0; transition: all 275ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-hyphens: none; hyphens: none; } .tx-merzprovider-pi1 .download-list .download-item header > .material-icons, .tx-merzprovider-pi1 .download-list .download-item .event-list-Teaser .event-teaser .event-teaser-wrap header > a.more:after, .event-list-Teaser .event-teaser .event-teaser-wrap .tx-merzprovider-pi1 .download-list .download-item header > a.more:after, .tx-merzprovider-pi1 .download-list .download-item .event-list-Header p header > a:after, .event-list-Header p .tx-merzprovider-pi1 .download-list .download-item header > a:after, .tx-merzprovider-pi1 .download-list .download-item .event-list-Header header > .netl-events-header:before, .event-list-Header .tx-merzprovider-pi1 .download-list .download-item header > .netl-events-header:before, .tx-merzprovider-pi1 .download-list .download-item .tx-powermail .powermail_fieldwrap_type_file header > .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_file .tx-merzprovider-pi1 .download-list .download-item header > .powermail_field:after, .tx-merzprovider-pi1 .download-list .download-item .tx-powermail .powermail_fieldwrap_type_select header > .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_select .tx-merzprovider-pi1 .download-list .download-item header > .powermail_field:after, .tx-merzprovider-pi1 .download-list .download-item .tx-powermail .powermail_fieldwrap_type_country header > .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_country .tx-merzprovider-pi1 .download-list .download-item header > .powermail_field:after, .tx-merzprovider-pi1 .download-list .download-item .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box header > .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-merzprovider-pi1 .download-list .download-item header > .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .tx-merzprovider-pi1 .download-list .download-item .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box header > .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-merzprovider-pi1 .download-list .download-item header > .tx-jsfaq-header.tx-jsfaq-toggle-minus:before, .tx-merzprovider-pi1 .download-list .download-item .news-list-teaser header > article:before, .news-list-teaser .tx-merzprovider-pi1 .download-list .download-item header > article:before, .tx-merzprovider-pi1 .download-list .download-item .sidr #sidr-id-mobile-navigation header > .sidr-class-open-navigation:before, .sidr #sidr-id-mobile-navigation .tx-merzprovider-pi1 .download-list .download-item header > .sidr-class-open-navigation:before, .tx-merzprovider-pi1 .download-list .download-item .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link header > a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link .tx-merzprovider-pi1 .download-list .download-item header > a:after, .tx-merzprovider-pi1 .download-list .download-item .sidr #sidr-id-main-navigation .sidr-class-level-1 header.sidr-class-sub > a:after, .sidr #sidr-id-main-navigation .sidr-class-level-1 .tx-merzprovider-pi1 .download-list .download-item header.sidr-class-sub > a:after, .tx-merzprovider-pi1 .download-list .download-item #main-navigation .flyout .level-2 header.default-sub > a:after, #main-navigation .flyout .level-2 .tx-merzprovider-pi1 .download-list .download-item header.default-sub > a:after, .tx-merzprovider-pi1 .download-list .download-item #main-navigation .flyout .level-2 header.extended-sub > a:after, #main-navigation .flyout .level-2 .tx-merzprovider-pi1 .download-list .download-item header.extended-sub > a:after, .tx-merzprovider-pi1 .download-list .download-item #header #top-search-form .text-field-wrapper header > button:before, #header #top-search-form .text-field-wrapper .tx-merzprovider-pi1 .download-list .download-item header > button:before, .tx-merzprovider-pi1 .download-list .download-item #header #mobile-search-form .text-field-wrapper header > button:before, #header #mobile-search-form .text-field-wrapper .tx-merzprovider-pi1 .download-list .download-item header > button:before, .tx-merzprovider-pi1 .download-list .download-item #header #mobile-navigation header > .open-navigation:before, #header #mobile-navigation .tx-merzprovider-pi1 .download-list .download-item header > .open-navigation:before, .tx-merzprovider-pi1 .download-list .download-item #header #sticky-mobile-navigation header > .open-navigation:before, #header #sticky-mobile-navigation .tx-merzprovider-pi1 .download-list .download-item header > .open-navigation:before, .tx-merzprovider-pi1 .download-list .download-item header > a.internal-link:after, .tx-merzprovider-pi1 .download-list .download-item header > a.download:after, .tx-merzprovider-pi1 .download-list .download-item header > a.external-link:after, .tx-merzprovider-pi1 .download-list .download-item header > a.external-link-new-window:after, .tx-merzprovider-pi1 .download-list .download-item header > a.internal-link-new-window:after, .tx-merzprovider-pi1 .download-list .download-item header > a.mail:after, .tx-merzprovider-pi1 .download-list .download-item #product .tabs article ul header > li:before, #product .tabs article ul .tx-merzprovider-pi1 .download-list .download-item header > li:before, .tx-merzprovider-pi1 .download-list .download-item .content-element.teaser-box .ce-menu header > li:before, .content-element.teaser-box .ce-menu .tx-merzprovider-pi1 .download-list .download-item header > li:before, .tx-merzprovider-pi1 .download-list .download-item .content-element.teaser-box-small .ce-menu header > li:before, .content-element.teaser-box-small .ce-menu .tx-merzprovider-pi1 .download-list .download-item header > li:before, .tx-merzprovider-pi1 .download-list .download-item .ce-menu.ce-menu-category .category-item .info-wrap ul header > li:before, .ce-menu.ce-menu-category .category-item .info-wrap ul .tx-merzprovider-pi1 .download-list .download-item header > li:before, .tx-merzprovider-pi1 .download-list .download-item .content ul header > li:before, .content ul .tx-merzprovider-pi1 .download-list .download-item header > li:before, .tx-merzprovider-pi1 .download-list .download-item .sidebar ul header > li:before, .sidebar ul .tx-merzprovider-pi1 .download-list .download-item header > li:before, .tx-merzprovider-pi1 .download-list .download-item .accordion.initialized .accordion-element header > .accordion-header:before, .accordion.initialized .accordion-element .tx-merzprovider-pi1 .download-list .download-item header > .accordion-header:before, .tx-merzprovider-pi1 .download-list .download-item .content .select-wrapper header > .select:after, .content .select-wrapper .tx-merzprovider-pi1 .download-list .download-item header > .select:after, .tx-merzprovider-pi1 .download-list .download-item .sidebar .select-wrapper header > .select:after, .sidebar .select-wrapper .tx-merzprovider-pi1 .download-list .download-item header > .select:after { position: absolute; right: 10px; top: 50%; margin-top: -20px; font-size: 40px; } .tx-merzprovider-pi1 .download-list .download-item header h3 { margin: 0; padding-right: 140px; } .tx-merzprovider-pi1 .download-list .download-item header .button { position: absolute; top: 50%; margin: -17px 0 0; right: 7px; } .tx-merzprovider-pi1 .download-list .download-item .button.screen-xs-only-inline-block { margin: 10px 0 0; } .tx-merzprovider-pi1 .download-list .download-item .size { font-size: 10px; } .tx-merzprovider-pi1 .download-list .download-item .item-content { position: relative; padding: 20px 16px 18px; background: #f9f9f9; padding-bottom: 25px !important; margin-bottom: 20px; } .tx-merzprovider-pi1 .download-list .download-item .item-content::after { clear: both; content: ""; display: table; } .tx-merzprovider-pi1 .download-list .download-item .image-wrap { float: left; display: block; margin-right: 2.3255813953%; width: 10.4651162791%; background: #fff; } .tx-merzprovider-pi1 .download-list .download-item .image-wrap:last-child { margin-right: 0; } .tx-merzprovider-pi1 .download-list .download-item .image-wrap img { max-width: 100%; height: auto; } @media screen and (max-width: 480px) { .tx-merzprovider-pi1 .download-list .download-item .image-wrap { float: left; display: block; margin-right: 4.7619047619%; width: 21.4285714286%; } .tx-merzprovider-pi1 .download-list .download-item .image-wrap:last-child { margin-right: 0; } } .tx-merzprovider-pi1 .download-list .download-item .content-wrap { float: left; display: block; margin-right: 2.3255813953%; width: 87.2093023256%; margin-right: 0; } .tx-merzprovider-pi1 .download-list .download-item .content-wrap:last-child { margin-right: 0; } .tx-merzprovider-pi1 .download-list .download-item .content-wrap p { margin-bottom: 0; } .tx-merzprovider-pi1 .download-list .download-item .content-wrap p.description { margin-bottom: 20px; } @media screen and (max-width: 480px) { .tx-merzprovider-pi1 .download-list .download-item .content-wrap { float: left; display: block; margin-right: 4.7619047619%; width: 73.8095238095%; } .tx-merzprovider-pi1 .download-list .download-item .content-wrap:last-child { margin-right: 0; } } .download-teaser-item::after { clear: both; content: ""; display: table; } .download-teaser-item .image-wrap { float: left; margin-right: 20px; } .download-teaser-item.download-teaser-item--hide-image h4 { margin: 0 0 5px; } .ce-youtube-wrap.small { width: 50%; } .ce-youtube-wrap .ce-youtube { position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0; height: 0; overflow: hidden; } .ce-youtube-wrap .ce-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .social-sharing { float: left; padding: 10px 10px 10px 15px; background: #efefef; text-align: right; white-space: nowrap; } .social-sharing h4 { margin: 2px 10px 0 0 !important; display: inline; line-height: 20px; } .social-sharing .icon-list { display: inline; } .social-sharing .icon-list ul { margin: 0; display: inline; } .social-sharing .icon-list ul::after { clear: both; content: ""; display: table; } .social-sharing .icon-list ul li { display: inline; margin: 0 10px 0 0; padding: 0; list-style: none outside none; } .social-sharing .icon-list ul li a img { width: 20px; } .social-sharing .icon-list ul li:before { display: none; } .social-sharing .icon-list ul li:last-child { margin: 0; } .teaser-grid { margin-bottom: 20px; } .teaser-grid::after { clear: both; content: ""; display: table; } .teaser-grid > div { float: left; display: block; margin-right: 1.5384615385%; width: 32.3076923077%; } .teaser-grid > div:last-child { margin-right: 0; } .teaser-grid > div + div { float: left; display: block; margin-right: 1.5384615385%; width: 32.3076923077%; } .teaser-grid > div + div:last-child { margin-right: 0; } .teaser-grid > div + div + div { float: left; display: block; margin-right: 1.5384615385%; width: 32.3076923077%; } .teaser-grid > div + div + div:last-child { margin-right: 0; } @media screen and (max-width: 768px) { .teaser-grid > div { float: left; display: block; margin-right: 2.0618556701%; width: 31.9587628866%; } .teaser-grid > div:last-child { margin-right: 0; } .teaser-grid > div + div { float: left; display: block; margin-right: 2.0618556701%; width: 31.9587628866%; } .teaser-grid > div + div:last-child { margin-right: 0; } .teaser-grid > div + div + div { float: left; display: block; margin-right: 2.0618556701%; width: 31.9587628866%; } .teaser-grid > div + div + div:last-child { margin-right: 0; } } @media screen and (max-width: 740px) { .teaser-grid { margin: 20px auto; } .teaser-grid > div { float: left; display: block; margin-right: 1.5384615385%; width: 100%; } .teaser-grid > div:last-child { margin-right: 0; } .teaser-grid > div + div { float: left; display: block; margin-right: 1.5384615385%; width: 100%; } .teaser-grid > div + div:last-child { margin-right: 0; } .teaser-grid > div + div + div { float: left; display: block; margin-right: 1.5384615385%; width: 100%; } .teaser-grid > div + div + div:last-child { margin-right: 0; } } @media screen and (max-width: 740px) { .teaser-grid { margin-top: 10px; margin-bottom: 20px; } } @media screen and (max-width: 640px) { .teaser-grid { margin-top: 10px; margin-right: -20px; margin-left: -20px; } } @media screen and (min-width: 480px) and (max-width: 740px) { .teaser-grid .fce-icon-teaser { height: auto !important; padding-top: 39%; } .teaser-grid .fce-icon-teaser .zoom-effect i { font-size: 10vw !important; } .teaser-grid .fce-icon-teaser .zoom-effect h2 { font-size: 7vw !important; left: 27.5%; } } @media screen and (min-width: 420px) and (max-width: 479px) { .teaser-grid .fce-icon-teaser { height: auto !important; padding-top: 39%; } .teaser-grid .fce-icon-teaser .zoom-effect i { font-size: 12vw !important; } .teaser-grid .fce-icon-teaser .zoom-effect h2 { font-size: 8vw !important; left: 35%; } } @media screen and (max-width: 370px) { .teaser-grid .fce-icon-teaser .zoom-effect h2 { left: 80px; font-size: 30px; } } @media screen and (max-width: 480px) { .teaser-grid > div { float: left; display: block; margin-right: 4.7619047619%; width: 100%; } .teaser-grid > div:last-child { margin-right: 0; } .teaser-grid > div + div { float: left; display: block; margin-right: 4.7619047619%; width: 100%; } .teaser-grid > div + div:last-child { margin-right: 0; } .teaser-grid > div + div + div { float: left; display: block; margin-right: 4.7619047619%; width: 100%; } .teaser-grid > div + div + div:last-child { margin-right: 0; } } .ce-two-column-container { max-width: 1280px; margin-left: auto; margin-right: auto; } .ce-two-column-container::after { clear: both; content: ""; display: table; } .ce-two-column-container .column-6_6 { float: left; display: block; margin-right: 2.3255813953%; width: 48.8372093023%; } .ce-two-column-container .column-6_6:last-child { margin-right: 0; } .ce-two-column-container .column-6_6:last-child { margin-right: 0; } @media screen and (max-width: 480px) { .ce-two-column-container .column-6_6 { float: left; display: block; margin-right: 1.5384615385%; width: 100%; margin-right: 0; } .ce-two-column-container .column-6_6:last-child { margin-right: 0; } } .ce-two-column-container .column-8_4.first { float: left; display: block; margin-right: 1.5384615385%; width: 66.1538461538%; } .ce-two-column-container .column-8_4.first:last-child { margin-right: 0; } @media screen and (max-width: 768px) { .ce-two-column-container .column-8_4.first { float: left; display: block; margin-right: 1.5384615385%; width: 100%; margin-right: 0; } .ce-two-column-container .column-8_4.first:last-child { margin-right: 0; } } .ce-two-column-container .column-8_4.second { float: left; display: block; margin-right: 1.5384615385%; width: 32.3076923077%; } .ce-two-column-container .column-8_4.second:last-child { margin-right: 0; } @media screen and (max-width: 768px) { .ce-two-column-container .column-8_4.second { float: left; display: block; margin-right: 1.5384615385%; width: 100%; margin-right: 0; } .ce-two-column-container .column-8_4.second:last-child { margin-right: 0; } } .ce-two-column-container .column-4_8.first { float: left; display: block; margin-right: 1.5384615385%; width: 32.3076923077%; } .ce-two-column-container .column-4_8.first:last-child { margin-right: 0; } @media screen and (max-width: 768px) { .ce-two-column-container .column-4_8.first { float: left; display: block; margin-right: 1.5384615385%; width: 100%; margin-right: 0; } .ce-two-column-container .column-4_8.first:last-child { margin-right: 0; } } .ce-two-column-container .column-4_8.second { float: left; display: block; margin-right: 1.5384615385%; width: 66.1538461538%; } .ce-two-column-container .column-4_8.second:last-child { margin-right: 0; } @media screen and (max-width: 768px) { .ce-two-column-container .column-4_8.second { float: left; display: block; margin-right: 1.5384615385%; width: 100%; margin-right: 0; } .ce-two-column-container .column-4_8.second:last-child { margin-right: 0; } } .ce-three-column-container::after { clear: both; content: ""; display: table; } .ce-three-column-container > div { float: left; display: block; margin-right: 1.5384615385%; width: 32.3076923077%; } .ce-three-column-container > div:last-child { margin-right: 0; } .ce-three-column-container > div:last-child { margin-right: 0; } @media screen and (max-width: 1024px) { .ce-three-column-container > div:first-child, .ce-three-column-container > div:nth-child(2), .ce-three-column-container > div:last-child { float: left; display: block; margin-right: 1.5384615385%; width: 100%; margin-right: 0; } .ce-three-column-container > div:first-child:last-child, .ce-three-column-container > div:nth-child(2):last-child, .ce-three-column-container > div:last-child:last-child { margin-right: 0; } } #main-navigation { position: absolute; left: 0; right: 0; bottom: 0; height: 50px; background: #4d7794; } #main-navigation .level-1 { display: block; position: relative; text-align: center; } @media screen and (max-width: 1024px) { #main-navigation .level-1 { display: none; } } #main-navigation .level-1 > li { display: inline-block; } #main-navigation .level-1 > li > a { display: inline-block; height: 50px; padding: 18px 10px; text-decoration: none; font-size: 16px; color: #fff; border-bottom: 0px solid #99b1c2; transition: all 275ms cubic-bezier(0.4, 0, 0.2, 1); } #main-navigation .level-1 > li.active > a { border-bottom: 3px solid #fff; transition: all 275ms cubic-bezier(0.4, 0, 0.2, 1); } #main-navigation .level-1 > li:hover > a { border-bottom: 8px solid #99b1c2; transition: all 275ms cubic-bezier(0.4, 0, 0.2, 1); } #main-navigation .flyout { position: absolute; z-index: 1; max-height: 0; overflow: hidden; transition: all 175ms cubic-bezier(0.4, 0, 0.2, 1); left: 0; right: 0; text-align: left; background: rgba(204, 221, 238, 0.98); padding-bottom: 0; } @media screen and (max-width: 1280px) { #main-navigation .flyout { padding-left: 20px; padding-right: 20px; } #main-navigation .flyout .section-wrap { margin-left: -20px; margin-right: -20px; padding-left: 20px; } } #main-navigation .flyout .important-downloads { margin-top: 60px; } #main-navigation .flyout .important-downloads .download-container { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: flex; box-orient: horizontal; box-direction: normal; -moz-flex-direction: row; flex-direction: row; box-pack: start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } #main-navigation .flyout .important-downloads .download-container .download-teaser-item { box-flex: 1; -moz-flex: 1; flex: 1; -moz-flex-grow: 0; flex-grow: 0; -ms-flex-positive: 0; align-self: baseline; -ms-flex-item-align: baseline; flex-basis: 4; -ms-flex-preferred-size: 4; margin-right: auto; } #main-navigation .flyout .important-downloads .download-container .download-teaser-item .image-wrap { background: #fff; float: left; margin-right: 10px; width: 70px; padding: 5px; } #main-navigation .flyout .important-downloads .download-container .download-teaser-item .image-wrap img { width: 60px; height: auto; } #main-navigation .flyout .important-downloads .download-container .download-teaser-item .info-wrap { margin-left: 80px; } #main-navigation .flyout .important-downloads .download-container .download-teaser-item .info-wrap h4 { margin: 0; } #main-navigation .flyout .important-downloads .download-container .download-teaser-item .info-wrap h4 a { font-size: 14px; } #main-navigation .flyout .important-downloads .download-container .download-teaser-item .info-wrap a { font-size: 12px; } #main-navigation .flyout .section-wrap { display: block; background: #99b1c2; height: 60px; } #main-navigation .flyout .section-wrap .section-link { max-width: 1280px; margin-left: auto; margin-right: auto; padding-top: 24px; } #main-navigation .flyout .section-wrap .section-link::after { clear: both; content: ""; display: table; } #main-navigation .flyout .section-wrap .section-link a { color: #fff; font-size: 16px; text-decoration: none; } #main-navigation .flyout .section-wrap .section-link a > * { float: left; } #main-navigation .flyout .section-wrap .section-link a i { font-size: 20px; margin-top: -1px; } #main-navigation .flyout .section-wrap .back-link { display: none; } #main-navigation .flyout .level-2 { max-width: 1280px; margin-left: auto; margin-right: auto; margin-top: 20px; } #main-navigation .flyout .level-2::after { clear: both; content: ""; display: table; } #main-navigation .flyout .level-2 .default-sub > a, #main-navigation .flyout .level-2 .extended-sub > a { display: inline-block; color: #535353; font-size: 16px; text-decoration: none; } #main-navigation .flyout .level-2 .default-sub > a:after, #main-navigation .flyout .level-2 .extended-sub > a:after { content: "\e5cc"; color: #535353; font-size: 20px; vertical-align: -5px; } #main-navigation .flyout .level-2 .default-sub { float: left; display: block; margin-right: 1.5384615385%; width: 23.8461538462%; } #main-navigation .flyout .level-2 .default-sub:last-child { margin-right: 0; } #main-navigation .flyout .level-2 .default-sub.last { margin-right: 0; } #main-navigation .flyout .level-2 .extended-sub { float: left; display: block; margin-right: 1.5384615385%; width: 49.2307692308%; } #main-navigation .flyout .level-2 .extended-sub:last-child { margin-right: 0; } #main-navigation .flyout .level-2 .extended-sub.last { margin-right: 0; } #main-navigation .flyout .sub-flyout .section-wrap { display: none; } #main-navigation .flyout .sub-flyout p { margin-top: 5px; } #main-navigation .flyout .level-3 { margin-top: 10px; } #main-navigation .flyout .level-3 > li > a { color: #003d66; text-decoration: none; } #main-navigation .flyout .level-3 > li > a:before { content: "\e5cc"; color: #003d66; font-size: 20px; vertical-align: -5px; margin-left: -5px; } #main-navigation .flyout .level-3 > li.hidden { display: none; } #main-navigation .level-1 > li:hover .flyout { z-index: 2; max-height: 600px; padding-bottom: 30px; box-shadow: 0 16px 18px -4px rgba(0, 0, 0, 0.28); transition: all 675ms ease-in-out; } #main-navigation .back-link { display: none; } .sidr { display: block; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: hidden; overflow-y: auto; background-color: #003d66; } .sidr #sidr-id-language-status, .sidr #sidr-id-language-navigation, .sidr #sidr-id-sticky-mobile-navigation { display: none; } .sidr #sidr-id-branding #sidr-id-logo { display: block; margin: 20px 0 0 20px; height: 50px; width: 40px; background-size: 100%; background-image: url(../Graphics/Logo-Merz-Dental.svg); background-repeat: no-repeat; background-position: center center; } .sidr #sidr-id-branding #sidr-id-logo span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidr #sidr-id-branding #sidr-id-print-logo { display: none; } .sidr #sidr-id-top-search-form, .sidr .sidr-class-bar, .sidr #sidr-id-mobile-search-form { display: none; } .sidr #sidr-id-main-navigation .sidr-class-level-1 > *, .sidr #sidr-id-main-navigation .sidr-class-level-2 > *, .sidr #sidr-id-main-navigation .sidr-class-level-3 > * { display: block; } .sidr #sidr-id-main-navigation .sidr-class-level-1 > * > a, .sidr #sidr-id-main-navigation .sidr-class-level-2 > * > a, .sidr #sidr-id-main-navigation .sidr-class-level-3 > * > a { display: block; text-decoration: none; font-size: 16px; color: #fff; padding: 15px 0 5px 0; margin: 0 20px; } .sidr #sidr-id-main-navigation .sidr-class-level-1.sidr-class-active > a, .sidr #sidr-id-main-navigation .sidr-class-level-1.sidr-class-current > a, .sidr #sidr-id-main-navigation .sidr-class-level-2.sidr-class-active > a, .sidr #sidr-id-main-navigation .sidr-class-level-2.sidr-class-current > a, .sidr #sidr-id-main-navigation .sidr-class-level-3.sidr-class-active > a, .sidr #sidr-id-main-navigation .sidr-class-level-3.sidr-class-current > a { border-bottom: 1px solid #fff; } .sidr #sidr-id-main-navigation .sidr-class-level-1 { position: absolute; top: 100px; width: 100%; left: 0; transition: left 0.5s cubic-bezier(0.4, 0, 0, 1); } .sidr #sidr-id-main-navigation .sidr-class-level-1.show-level-2 { left: -100%; transition: left 0.5s cubic-bezier(0.4, 0, 0, 1); } .sidr #sidr-id-main-navigation .sidr-class-level-1.show-level-3 { left: -200%; transition: left 0.5s cubic-bezier(0.4, 0, 0, 1); } .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-sub > a { position: relative; } .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-sub > a:after { content: "\e5cc"; color: #fff; } .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-sub > a:after { position: absolute; right: 0; top: 12px; } .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout { position: absolute; top: 0; right: -100%; visibility: hidden; transition: visibility 0.5s linear; } .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout.active { visibility: visible; } .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-section-wrap { display: block; background: #336485; padding: 10px; } .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-section-wrap .sidr-class-section-link { display: block; } .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-section-wrap .sidr-class-section-link a { color: #fff; font-size: 16px; text-decoration: none; } .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-section-wrap .sidr-class-section-link a i { display: none; } .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link a { display: block; text-decoration: none; font-size: 16px; color: #fff; padding: 15px 0 5px 0; margin: 0 20px; position: relative; } .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link a:after { content: "\e5cb"; color: #fff; } .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-back-link a:after { position: absolute; right: 0; top: 12px; } .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-level-2 .sidr-class-default-sub .sidr-class-sub-flyout, .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-level-2 .sidr-class-extended-sub .sidr-class-sub-flyout { position: absolute; top: 0; right: -100%; visibility: hidden; transition: visibility 0.5s linear; } .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-level-2 .sidr-class-default-sub .sidr-class-sub-flyout.active, .sidr #sidr-id-main-navigation .sidr-class-level-1 .sidr-class-flyout .sidr-class-level-2 .sidr-class-extended-sub .sidr-class-sub-flyout.active { visibility: visible; } .sidr #sidr-id-mobile-navigation { position: absolute; top: 20px; right: 0; } .sidr #sidr-id-mobile-navigation .sidr-class-open-navigation { border: none; background: none; float: right; margin-right: 5px; } .sidr #sidr-id-mobile-navigation .sidr-class-open-navigation:before { content: "\e5cd"; color: #fff; font-size: 30px; } .sidr #sidr-id-service-navigation { display: none; } .sidr #sidr-id-mobile-service-navigation { display: block; margin-top: 40px; margin-left: -20px; text-align: center; } .sidr #sidr-id-mobile-service-navigation ul li { display: inline-block; margin-left: 15px; } .sidr #sidr-id-mobile-service-navigation ul li a { font-size: 14px; color: #fff; text-decoration: none; } .sidr #sidr-id-mobile-service-navigation ul li a:hover { text-decoration: underline; } .sidr.right { left: auto; right: -260px; } .sidr.left { left: -260px; right: auto; } .sidr-class-more-pages { display: none; } #language-status { display: block; position: absolute; top: 10px; right: 0; padding: 2px 8px 0; border-radius: 10px; background: #668ba3; color: #fff; font-size: 12px; } #language-status i { display: block; float: right; height: 12px; width: 18px; margin-top: 3px; margin-left: 5px; border-radius: 2px 2px 2px 2px; } #language-status .lang-de i { background: url("../Icons/Flags/de.png") no-repeat; background-size: contain; } #language-status .lang-en i { background: url("../Icons/Flags/en.png") no-repeat; background-size: contain; } #language-status .lang-it i { background: url("../Icons/Flags/it.png") no-repeat; background-size: contain; } #language-status .lang-es i { background: url("../Icons/Flags/es.png") no-repeat; background-size: contain; } #language-status .lang-fr i { background-size: contain; } #language-status .lang-it i { background-size: contain; } #language-status .lang-pt i { background-size: contain; } #language-status .lang-ru i { background-size: contain; } #language-status .lang-pl i { background-size: contain; } #language-status .lang-nl i { background-size: contain; } #language-status .lang-se i { background-size: contain; } #language-status .lang-dk i { background-size: contain; overflow: hidden; background-size: 18px 12px !important; } #language-status .lang-hu i { background-size: contain; overflow: hidden; background-size: 18px 12px !important; } #language-status .lang-gr i { background-size: contain !important; } #language-status .lang-no i { background-size: contain; overflow: hidden; background-size: 18px 12px; } #language-status .lang-tr i { background-size: contain; } #language-navigation { max-height: 400px; width: 650px; visibility: hidden; opacity: 0; transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms linear 1s; position: absolute; top: 40px; right: 0; z-index: 100; max-width: 100%; background: #4d7794; border-radius: 3px 3px 3px 3px; overflow: hidden; padding: 0; box-shadow: 5px 5px 18px -4px rgba(0, 0, 0, 0.75); } #language-navigation.open { visibility: visible; opacity: 1; transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms linear; } @media screen and (max-width: 768px) { #language-navigation.open { max-height: 500px; } } #language-navigation .website-languages > span, #language-navigation .support-languages > span { display: block; padding: 0 20px; color: #fff; } #language-navigation .website-languages > span.local-info, #language-navigation .support-languages > span.local-info { font-size: 22px; line-height: 1.2; font-family: "FrutigerLTPro-Light", Arial, Helvetica, sans-serif; font-weight: normal; } #language-navigation .website-languages > span.en-info, #language-navigation .support-languages > span.en-info { font-size: 16px; font-family: "FrutigerLTPro-LightItalic", Arial, Helvetica, sans-serif; font-weight: normal; } #language-navigation .website-languages { padding-top: 20px; } #language-navigation .support-languages > span.local-info { font-size: 18px; } #language-navigation ul { background: #668ba3; padding: 12px 20px 0; margin: 10px 0 0; width: 100%; display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: flex; box-orient: horizontal; box-direction: normal; -moz-flex-direction: row; flex-direction: row; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; flex-wrap: wrap; box-pack: start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } #language-navigation ul.website-language-selector { margin-bottom: 10px; } #language-navigation ul li { padding-right: 30px; margin-bottom: 10px; box-flex: 0; -moz-flex: 0 1 auto; flex: 0 1 auto; align-self: baseline; -ms-flex-item-align: baseline; width: 25%; } @media screen and (max-width: 768px) { #language-navigation ul li { width: 33%; } } #language-navigation ul li a { line-height: 1.2; color: #fff; } #language-navigation ul li a i { display: block; float: left; height: 24px; width: 37px; margin-top: -2px; margin-right: 10px; background-size: 37px 24px; } @media screen and (max-width: 768px) { #language-navigation ul li a i { float: none; margin-bottom: 5px; } } .lang-de i { background: url("../Flags/de.svg"); } .lang-en i { background: url("../Flags/gb.svg"); } .lang-es i { background: url("../Flags/es.svg"); } .lang-fr i { background: url("../Flags/fr.svg"); } .lang-it i { background: url("../Flags/it.svg"); } .lang-pt i { background: url("../Flags/pt.svg"); } .lang-ru i { background: url("../Flags/ru.svg"); } .lang-pl i { background: url("../Flags/pl.svg"); } .lang-nl i { background: url("../Flags/nl.svg"); } .lang-se i { background: url("../Flags/se.svg"); } .lang-dk i { background: url("../Flags/dk.svg"); } .lang-hu i { background: url("../Flags/hu.svg"); } .lang-gr i { background: url("../Flags/gr.svg"); } .lang-no i { background: url("../Flags/no.svg"); } .lang-tr i { background: url("../Flags/tr.svg"); } .lang-ua i { background: url("../Flags/ua.svg"); } #footer-navigation { position: absolute; top: 10px; right: 0; } @media screen and (max-width: 1280px) { #footer-navigation { right: 20px; } } #footer-navigation li { display: inline; padding-left: 10px; } #footer-navigation a { color: #fff; } .page-navigation { text-align: center; } .page-navigation p { color: #a0a0a0; } .page-navigation .f3-widget-paginator li { display: inline-block; padding-left: 0; } .page-navigation .f3-widget-paginator li.current { background-color: #336485; color: #fff; } .page-navigation .f3-widget-paginator li.current, .page-navigation .f3-widget-paginator li a { display: inline-block; padding: 5px 10px 3px; } .page-navigation .f3-widget-paginator li a:hover { background-color: #ccd8e0; color: #003d66; } .page-navigation .f3-widget-paginator li:before { display: none; } @media screen and (max-width: 480px) { .page-navigation .f3-widget-paginator li { display: none; } .page-navigation .f3-widget-paginator .previous { display: inline-block; } .page-navigation .f3-widget-paginator .next { display: inline-block; } } .news-list-teaser article { position: relative; margin-top: 5px; padding-left: 35px; margin-bottom: 25px; } .news-list-teaser article:before { content: "\e5cc"; color: #003d66; font-size: 40px; position: absolute; top: 0; left: -10px; transition: left 225ms cubic-bezier(0.7, 0, 0.6, 1); } .news-list-teaser article:last-child { margin-bottom: 0; } .news-list-teaser article:hover:before { left: -1px; } .news-list-teaser a { color: #535353; } .news-list-teaser a:hover { color: #003d66; } .news-list-teaser h3 { margin: 0; padding: 0; font-size: 14px; line-height: 20px; } .news-list-teaser .news-list-date { font-size: 12px; } .news-list-teaser .more-link { text-align: right; } .news-list-teaser .internal-link { font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; color: #003d66; padding: 8px 10px 6px !important; font-size: 16px; transition: ease-in-out all 0.3s; border: 1px solid #003d66; border-radius: 20px; } .news-list-teaser .internal-link:hover { background-color: #003d66; color: #fff; } .news-list-teaser .internal-link:after { font-size: 24px; margin-left: 0; display: none; } .news-list-view h2 { margin-top: 0; margin-bottom: 10px; } .news-list-view .news-img-wrap { float: left; display: block; margin-right: 2.6666666667%; width: 26.6666666667%; } .news-list-view .news-img-wrap:last-child { margin-right: 0; } .news-list-view .news-img-wrap img { width: 100%; height: auto; } .news-list-view .teaser-text { float: left; display: block; margin-right: 2.6666666667%; width: 100%; } .news-list-view .teaser-text:last-child { margin-right: 0; } .news-list-view .teaser-text p { margin-bottom: 10px; } .news-list-view .teaser-text .internal-link { display: block; text-align: right; } .news-list-view .news-img-wrap + .teaser-text { float: left; display: block; margin-right: 2.6666666667%; width: 70.6666666667%; } .news-list-view .news-img-wrap + .teaser-text:last-child { margin-right: 0; } .news-list-view .news-list-date { display: block; color: #a0a0a0; font-size: 14px; margin-bottom: 10px; } @media screen and (max-width: 480px) { .news-list-view .news-img-wrap { float: left; display: block; margin-right: 4.7619047619%; width: 100%; } .news-list-view .news-img-wrap:last-child { margin-right: 0; } .news-list-view .news-img-wrap img { vertical-align: middle; margin-bottom: 10px; } .news-list-view .teaser-text, .news-list-view .news-img-wrap + .teaser-text { float: left; display: block; margin-right: 4.7619047619%; width: 100%; } .news-list-view .teaser-text:last-child, .news-list-view .news-img-wrap + .teaser-text:last-child { margin-right: 0; } } .news-single h1 { margin-bottom: 10px; } .news-single h4 { margin-bottom: 10px; } .news-single ul li span { display: block; } .news-single .news-img-wrap { float: left; display: block; margin-right: 2.6666666667%; width: 41.3333333333%; float: right; margin: 0 0 20px 20px; } .news-single .news-img-wrap:last-child { margin-right: 0; } .news-single .news-img-wrap img { width: 100%; height: auto; } @media screen and (max-width: 768px) { .news-single .news-img-wrap { float: left; display: block; margin-right: 2.0618556701%; width: 43.2989690722%; float: right; } .news-single .news-img-wrap:last-child { margin-right: 0; } } @media screen and (max-width: 480px) { .news-single .news-img-wrap { width: 100%; float: none; margin: 0 0 20px 0; } } .news-single .news-list-date { display: block; color: #a0a0a0; font-size: 14px; margin-bottom: 10px; } .tx-kesearch-pi1 #ke_search_sword { padding: 0 8px; position: relative; } .tx-kesearch-pi1 .relevance-info { float: right; width: 120px; font-size: 12px; color: #a0a0a0; text-align: right; } .tx-kesearch-pi1 .relevance-info .scoreBar { display: block; float: right; width: 100px; height: 10px; border: 1px solid #c0c0c0; margin-bottom: 1px; } .tx-kesearch-pi1 .relevance-info .scoreBar .score { display: block; height: 8px; background: #a0a0a0; } .tx-kesearch-pi1 .result-list-item h2 { margin-bottom: 10px; } .tx-kesearch-pi1 .result-list-item .teaser_icon { display: none; } .tx-kesearch-pi1 .result-list-item .result-teaser { display: block; margin-bottom: 10px; } .tx-kesearch-pi1 #kesearch_pagebrowser_bottom .result_txt { margin-top: 20px; color: #a0a0a0; } .tx-kesearch-pi1 #kesearch_pagebrowser_bottom .kesearch_pagebrowser { text-align: center; } .tx-kesearch-pi1 #kesearch_pagebrowser_bottom .kesearch_pagebrowser ul { margin: 0; } .tx-kesearch-pi1 #kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li { padding: 0; } .tx-kesearch-pi1 #kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li:before { display: none !important; } .tx-kesearch-pi1 #kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li { display: inline-block; } .tx-kesearch-pi1 #kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li.current { background-color: #336485; color: #fff; } .tx-kesearch-pi1 #kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li.current, .tx-kesearch-pi1 #kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a { display: inline-block; padding: 5px 10px 3px; } .tx-kesearch-pi1 #kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a:hover { background-color: #ccd8e0; color: #003d66; } .tx-jsfaq .tx-jsfaq-category-faq .toggale { text-align: right; margin-top: -40px; margin-bottom: 20px; } .tx-jsfaq .tx-jsfaq-category-faq .toggale input[type=button] { height: 26px; width: 26px; padding: 0; margin-left: 5px; border: none; background: #f9f9f9; color: #003d66; display: inline-block; font-size: 20px; line-height: 1; font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; } .tx-jsfaq .tx-jsfaq-category-faq .toggale input[type=button]:hover { background: #c0c0c0; color: #fff; } .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header { display: block; position: relative; background: #ccd8e0; color: #003d66; font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; line-height: 1; padding: 10px 20px 6px 30px; margin-bottom: 2px; } .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header:hover { cursor: pointer; } .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header.tx-jsfaq-toggle-plus:before, .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header.tx-jsfaq-toggle-minus:before { content: "\e5cc"; color: #535353; position: absolute; color: #003d66; left: 5px; top: 5px; } .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header.tx-jsfaq-toggle-plus:before { transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); transform-origin: 50% 50%; transform: rotate(0deg); } .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-header.tx-jsfaq-toggle-minus:before { transform-origin: 50% 25%; transform: rotate(90deg); left: 10px; top: 10px; } .tx-jsfaq .tx-jsfaq-category-faq .tx-jsfaq-category-box .tx-jsfaq-box .tx-jsfaq-details { background: #f9f9f9; padding: 10px 30px; transition: height 100ms; margin-bottom: 2px; } .tx-powermail fieldset { border: 0; margin: 0; padding: 0; } .tx-powermail fieldset legend { display: none; } .tx-powermail form > h3 { display: none; } .tx-powermail .mandatory { color: #00b28f; margin-left: 0.25em; } .tx-powermail label { display: block; cursor: pointer; margin: 5px 0; color: #888888; } .tx-powermail .powermail_create, .tx-powermail .powermail_confirmation { margin-right: 9.243697479%; } .tx-powermail .powermail_create .btn-group, .tx-powermail .powermail_confirmation .btn-group { margin-left: 0; margin-bottom: 50px; } .tx-powermail .powermail_create .btn-group::after, .tx-powermail .powermail_confirmation .btn-group::after { clear: both; content: ""; display: table; } .tx-powermail .powermail_create .btn-group form + form, .tx-powermail .powermail_confirmation .btn-group form + form { float: right; } .tx-powermail .powermail_confirmation form { margin-top: 20px; float: left; display: block; margin-right: 2.3255813953%; width: 48.8372093023%; } .tx-powermail .powermail_confirmation form:last-child { margin-right: 0; } .tx-powermail .powermail_fieldwrap { margin-bottom: 15px; } .tx-powermail .form-fields { float: left; display: block; margin-right: 1.6806722689%; width: 53.781512605%; } .tx-powermail .form-fields:last-child { margin-right: 0; } .tx-powermail .form-notices { float: left; display: block; margin-right: 1.6806722689%; width: 35.2941176471%; margin-left: 9.243697479%; margin-right: -9.243697479%; color: #a0a0a0; padding-right: 20px; background: #f9f9f9; padding: 10px; } .tx-powermail .form-notices:last-child { margin-right: 0; } .tx-powermail .form-notices p { margin: 0; } @media screen and (max-width: 480px) { .tx-powermail .form-fields { float: left; display: block; margin-right: 1.6806722689%; width: 90.756302521%; } .tx-powermail .form-fields:last-child { margin-right: 0; } .tx-powermail .form-notices { display: none; } } .tx-powermail .parsley-error { border: 1px solid #e1023b; } .tx-powermail .parsley-errors-list { margin: 10px 0; list-style: none; } .tx-powermail .parsley-errors-list li { color: #e1023b; padding-left: 0; } .tx-powermail .parsley-errors-list li:before { background: none; content: ""; } .tx-powermail textarea, .tx-powermail select, .tx-powermail input[type=text], .tx-powermail input[type=email], .tx-powermail input[type=tel] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border: 1px solid #c0c0c0; } .tx-powermail textarea:focus, .tx-powermail select:focus, .tx-powermail input[type=text]:focus, .tx-powermail input[type=email]:focus, .tx-powermail input[type=tel]:focus { outline: none; } .tx-powermail textarea, .tx-powermail input, .tx-powermail select, .tx-powermail button { font-size: 14px; min-height: 40px; padding: 0 10px; background-color: #fafafa; } .tx-powermail .powermail_fieldwrap_type_submit button, .tx-powermail .powermail_fieldwrap_type_submit input[type=submit] { width: 100%; } .tx-powermail .powermail_fieldwrap_type_submit button, .tx-powermail input[type=submit] { border: 0; background: #003d66; color: #fff; padding: 0 40px; cursor: pointer; font-size: 14px; padding-top: 10px; padding-bottom: 10px; } .tx-powermail .powermail_fieldwrap_type_text { margin-top: 40px; } .tx-powermail .powermail_fieldwrap_type_text .powermail_field { font-size: 20px; } .tx-powermail textarea { padding-top: 10px; padding-bottom: 10px; } .tx-powermail select { height: 40px; cursor: pointer; } .tx-powermail input[type=checkbox], .tx-powermail input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background: transparent; border: none; } .tx-powermail input[type=checkbox], .tx-powermail input[type=radio] { width: auto; float: left; margin-right: 0.75em; background: transparent; border: none; min-height: 0; } .tx-powermail input[type=checkbox]:checked, .tx-powermail input[type=checkbox]:not(:checked), .tx-powermail input[type=radio]:checked, .tx-powermail input[type=radio]:not(:checked) { background: transparent; position: absolute; visibility: hidden; margin: 0; padding: 0; } .tx-powermail input[type=checkbox]:checked + label, .tx-powermail input[type=checkbox]:not(:checked) + label, .tx-powermail input[type=radio]:checked + label, .tx-powermail input[type=radio]:not(:checked) + label { position: relative; margin-left: 25px; } .tx-powermail input[type=checkbox]:checked + label:before, .tx-powermail input[type=checkbox]:not(:checked) + label:before, .tx-powermail input[type=radio]:checked + label:before, .tx-powermail input[type=radio]:not(:checked) + label:before { content: " "; display: inline-block; width: 17px; height: 17px; position: absolute; top: 1px; left: -25px; border: 1px solid #a0a0a0; background: white; } .tx-powermail input[type=radio]:checked + label:before, .tx-powermail input[type=radio]:not(:checked) + label:before { border-radius: 30px; } .tx-powermail input[type=checkbox]:hover + label:before, .tx-powermail input[type=radio]:hover + label:before { background: #ddd; box-shadow: inset 0 0 0 2px white; } .tx-powermail input[type=checkbox]:checked + label:before, .tx-powermail input[type=radio]:checked + label:before { background: #003d66; box-shadow: inset 0 0 0 2px white; } .tx-powermail .radio::after { clear: both; content: ""; display: table; } .tx-powermail .powermail_fieldwrap_type_select select, .tx-powermail .powermail_fieldwrap_type_country select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } .tx-powermail .powermail_fieldwrap_type_select select::-ms-expand, .tx-powermail .powermail_fieldwrap_type_country select::-ms-expand { display: none; } .tx-powermail .powermail_fieldwrap_type_select .powermail_field, .tx-powermail .powermail_fieldwrap_type_country .powermail_field { position: relative; } .tx-powermail .powermail_fieldwrap_type_select .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_country .powermail_field:after { content: "\e5cf"; color: #535353; position: absolute; display: block; right: 1px; top: 1px; bottom: 1px; padding: 10px 0 0 10px; font-size: 20px; width: 40px; cursor: pointer; pointer-events: none; } .tx-powermail .powermail_fieldwrap_type_select .powermail_field:hover:after, .tx-powermail .powermail_fieldwrap_type_country .powermail_field:hover:after { color: #003d66; } .tx-powermail .powermail_fieldwrap_type_file .powermail_field { border: 0; background: #f9f9f9; color: #003d66; padding: 0 15px; cursor: pointer; font-size: 14px; min-height: 40px; padding-top: 10px; padding-bottom: 10px; position: relative; overflow: hidden; } .tx-powermail .powermail_fieldwrap_type_file .powermail_field:after { content: "\e2c6"; color: #535353; position: absolute; right: 10px; top: 6px; font-size: 30px; color: #c0c0c0; } .tx-powermail .powermail_fieldwrap_type_file .powermail_field input { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .tx-powermail #powermail_captchaimage { margin-top: 20px; } .layout3 input[type=text] { pointer-events: none; background: #a0a0a0; color: #003d66; } .event-list-Header .netl-events-header { position: relative; margin-top: 5px; padding-left: 35px; margin-bottom: 25px; } .event-list-Header .netl-events-header:before { content: "\e5cc"; color: #003d66; font-size: 40px; position: absolute; top: 0; left: -10px; transition: left 225ms cubic-bezier(0.7, 0, 0.6, 1); } .event-list-Header .netl-events-header:last-child { margin-bottom: 0; } .event-list-Header .netl-events-header:hover:before { left: -1px; } .event-list-Header .netl-events-header .event-date { display: block; font-size: 12px; } .event-list-Header .netl-events-header h3 { margin-top: 0; font-size: 14px; line-height: 18px; } .event-list-Header .netl-events-header a { color: #535353; } .event-list-Header .netl-events-header a:hover { color: #003d66; } .event-list-Header p { text-align: right; } .event-list-Header p a { position: relative; padding-right: 20px; font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; } .event-list-Header p a:after { content: "\e5cc"; color: #535353; display: block; position: absolute; right: 0; top: -4px; color: #003d66; } .event-list-Header p a:hover:after { color: #4d7794; } .event-list-Header p a.internal-link { font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; font-weight: normal; color: #003d66; padding: 8px 10px 6px !important; font-size: 16px; transition: ease-in-out all 0.3s; border: 1px solid #003d66; border-radius: 20px; } .event-list-Header p a.internal-link:hover { background-color: #003d66; color: #fff; } .event-list-Header p a.internal-link:after { font-size: 24px; margin-left: 0; display: none; } .event-teaser { margin-bottom: 2em; } .event-list-Teaser .event-teaser { max-width: 1280px; margin-left: auto; margin-right: auto; } .event-list-Teaser .event-teaser::after { clear: both; content: ""; display: table; } .event-list-Teaser .event-teaser .event-image-wrap { float: left; display: block; margin-right: 2.6666666667%; width: 26.6666666667%; } .event-list-Teaser .event-teaser .event-image-wrap:last-child { margin-right: 0; } .event-list-Teaser .event-teaser .event-image-wrap img { max-width: 100%; height: auto; } .event-list-Teaser .event-teaser .event-info { color: #a0a0a0; display: block; } .event-list-Teaser .event-teaser .event-info i { position: relative; top: 2px; font-size: 14px; } .event-list-Teaser .event-teaser .event-date { display: inline-block; font-size: 14px; margin-bottom: 10px; } .event-list-Teaser .event-teaser .event-type { display: inline-block; margin-left: 4px; } .event-list-Teaser .event-teaser .event-type i { margin-right: 2px; } .event-list-Teaser .event-teaser .event-location { display: inline-block; margin-left: 2px; } .event-list-Teaser .event-teaser .event-teaser-wrap { float: left; display: block; margin-right: 2.6666666667%; width: 70.6666666667%; } .event-list-Teaser .event-teaser .event-teaser-wrap:last-child { margin-right: 0; } .event-list-Teaser .event-teaser .event-teaser-wrap.no-image { float: left; display: block; margin-right: 2.6666666667%; width: 100%; } .event-list-Teaser .event-teaser .event-teaser-wrap.no-image:last-child { margin-right: 0; } .event-list-Teaser .event-teaser .event-teaser-wrap h2 { margin-top: 0; margin-bottom: 10px; } .event-list-Teaser .event-teaser .event-teaser-wrap .event-location { margin-bottom: 10px; } .event-list-Teaser .event-teaser .event-teaser-wrap a.more { position: relative; display: block; text-align: right; } .event-list-Teaser .event-teaser .event-teaser-wrap a.more:after { content: "\e5cc"; color: #535353; display: block; position: absolute; right: -20px; top: -1px; color: #003d66; } .event-list-Teaser .event-teaser .event-teaser-wrap a.more:hover:after { color: #4d7794; } .event-single-view { max-width: 1280px; margin-left: auto; margin-right: auto; margin-top: 40px; } .event-single-view::after { clear: both; content: ""; display: table; } .event-single-view::after { clear: both; content: ""; display: table; } .event-single-view h1 { margin-top: 0; line-height: 1.2; } .event-single-view h4 { margin-bottom: 5px; } .event-single-view .content { float: left; display: block; margin-right: 1.5384615385%; width: 57.6923076923%; } .event-single-view .content:last-child { margin-right: 0; } @media screen and (max-width: 1024px) { .event-single-view .content { float: left; display: block; margin-right: 1.5384615385%; width: 57.6923076923%; } .event-single-view .content:last-child { margin-right: 0; } } @media screen and (max-width: 768px) { .event-single-view .content { float: left; display: block; margin-right: 2.0618556701%; width: 100%; } .event-single-view .content:last-child { margin-right: 0; } } .event-single-view .sidebar { float: left; display: block; margin-right: 1.5384615385%; width: 32.3076923077%; margin-left: 8.4615384615%; margin-right: 0; } .event-single-view .sidebar:last-child { margin-right: 0; } @media screen and (max-width: 1024px) { .event-single-view .sidebar { float: left; display: block; margin-right: 1.5384615385%; width: 40.7692307692%; margin-left: 0%; } .event-single-view .sidebar:last-child { margin-right: 0; } } @media screen and (max-width: 768px) { .event-single-view .sidebar { float: left; display: block; margin-right: 2.0618556701%; width: 100%; margin-left: 0%; } .event-single-view .sidebar:last-child { margin-right: 0; } } .event-single-view .sidebar .teaser-box { margin-top: 40px; } .event-single-view .sidebar .teaser-box h3 { margin: 0 0 5px; } .event-single-view .sidebar .teaser-box .teaser-box-content::after { clear: both; content: ""; display: table; } .event-single-view .sidebar .teaser-box .teaser-box-content .event-date { margin: 0 0 20px; } .event-single-view .sidebar .teaser-box .teaser-box-content .event-date strong { display: inline-block; width: 60px; } .event-single-view .image-wrap { float: right; width: 240px; margin-left: 20px; } .event-single-view .image-wrap .image .image-caption { background: #e6ecf0; padding: 10px; font-size: 11px; line-height: 13px; } #netlDamFavoriteList { border: 0 !important; } #netlDamFavoriteList li:nth-child(odd) { background: #fff; } .tx-netl-dam:nth-child(1) { margin-top: 40px; } .tx-netl-dam .netl-dam-folder-list { margin-bottom: 0 !important; } .tx-netl-dam .netl-dam-folder-list .save-menu ul li a { padding: 10px 0; display: inline-block; } .tx-netl-dam .netl-dam-folder-create input { width: 66.66666%; } .tx-netl-dam .netl-dam-folder-create button { width: 33.33333%; float: right; } .tx-netl-dam #netlDamAppList { border: 1px solid #fff; position: relative; } .tx-netl-dam #netlDamAppList .tile { border: none; background-color: #d9e2e8; } .tx-netl-dam #netlDamAppList .tile.fav { background-color: #b9cad5; } .tx-netl-dam #netlDamAppList .tile.fav .image a { background-color: #ececec; } .tx-netl-dam #netlDamAppList .tile .image a { background-color: #f9f9f9; } .tx-netl-dam #netlDamAppList .tile .actions { border-top: 0; } .tx-netl-dam-dialog .actions li:before { display: none; } .tx-netl-dam-dialog .actions li a { display: block; margin: 0 0 5px; padding: 5px; background: #f8f8f8; } .tx-netl-dam-dialog .actions li a::after { clear: both; content: ""; display: table; } .tx-netl-dam-dialog .actions li a:hover { background: #fafafa; } .tx-netl-dam-dialog .actions li img { float: left; } .tx-netl-dam-dialog .netl-dam-folder-list-select li { padding: 15px 0 15px 40px; background-image: url("../Icons/Extensions/netl_dam/blue-70/icon-folder_add.svg"); background-position: 10px 5px; } .tx-netl-dam-dialog .netl-dam-folder-list-select li:nth-child(even) { background-color: #f8f8f8; } .tx-netl-dam-dialog .netl-dam-folder-list-select li:hover { background-color: #f0f0f0; } #netlDamAppSearchField.loading { background-repeat: no-repeat; background-position: center right 15px; } .cookie-disclaimer { background-color: #003d66; color: #fff; position: fixed; top: 0; right: 0; left: 0; z-index: 30; padding: 20px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); } .cookie-disclaimer__content { max-width: 1280px; margin-left: auto; margin-right: auto; position: relative; padding-right: 100px; } .cookie-disclaimer__content::after { clear: both; content: ""; display: table; } .cookie-disclaimer__message { top: 7px; position: relative; } .cookie-disclaimer__link { color: #fff; text-decoration: underline; margin-left: 10px; } .cookie-disclaimer__dismiss { display: inline-block; background-color: #668ba3; border: none; padding: 10px 15px; border-radius: 5px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; color: #fff; cursor: pointer; } .cookie-optin { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; background: rgba(0, 0, 0, 0.4); } .cookie-optin__content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 720px; max-width: 90%; padding: 50px; background-color: #fff; color: #003d66; box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); } @media screen and (max-width: 768px) { .cookie-optin__content { padding: 25px; } } .cookie-optin__content h3 { margin: 0 0 15px; } .cookie-optin__content p { -webkit-hyphens: auto; hyphens: auto; } .cookie-optin__message { margin-bottom: 25px; } .cookie-optin__link { color: #003d66; text-decoration: underline; margin-right: 15px; } .cookie-optin__button { display: inline-block; margin: 0 15px 15px 0; padding: 12px 22px; border: none; border-radius: 4px; background-color: #003d66; color: #fff; font-size: 1rem; line-height: 1.2; cursor: pointer; transition: background-color 0.2s ease; } .cookie-optin__button:hover { background-color: #336485; } .cookie-optin__button--settings { background-color: #fff; color: #003d66; border: 2px solid #003d66; padding: 10px 20px; } .cookie-optin__button--settings:hover { background-color: #003d66; color: #fff; } .cookie-optin__button--decline { background-color: #668ba3; } .cookie-optin__button--decline:hover { background-color: #809eb3; } @media screen and (max-width: 768px) { .cookie-optin__button { display: block; width: 100%; margin-right: 0; text-align: center; } .cookie-optin__button--settings { width: auto; } } .cookie-detail-settings { position: fixed; top: 0; left: -99999px; z-index: 102; width: 100%; height: 100%; opacity: 0; } .cookie-detail-settings--open { left: 0; opacity: 1; } .cookie-detail-settings--open:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .cookie-detail-settings__content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75%; height: 75%; padding: 50px; background-color: #fff; color: #003d66; overflow-y: auto; } @media screen and (max-width: 768px) { .cookie-detail-settings__content { width: 90%; height: auto; max-height: 80vh; padding: 25px; } } .cookie-detail-settings__close-button { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; background-color: transparent; border: none; cursor: pointer; } .cookie-detail-settings__close-button:before, .cookie-detail-settings__close-button:after { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 3px; background-color: #003d66; } .cookie-detail-settings__close-button:before { transform: translate(-50%, -50%) rotate(-45deg); } .cookie-detail-settings__close-button:after { transform: translate(-50%, -50%) rotate(45deg); } .cookie-detail-settings__header h2, .cookie-detail-settings__header h3 { margin-top: 0; } .cookie-detail-settings__list { margin: 0 0 20px; padding: 0; list-style: none; } .cookie-detail-settings__list-item { position: relative; margin-bottom: 10px; } .cookie-detail-settings__list-item:before { display: none; } .cookie-detail-settings__description { position: relative; } .cookie-detail-settings__checkbox { background-color: #003d66; padding: 10px; line-height: 0; } .cookie-detail-settings__checkbox input[type=checkbox] { appearance: none; -moz-appearance: none; -webkit-appearance: none; display: inline-block; width: 30px; height: 30px; background-color: #fff; border: none; cursor: pointer; } .cookie-detail-settings__checkbox input[type=checkbox]:checked { background-image: url(../Icons/check-blue.svg); background-size: 18px; background-position: center center; background-repeat: no-repeat; } .cookie-detail-settings__checkbox input[type=checkbox][disabled] { cursor: default; } .cookie-detail-settings__checkbox input[type=checkbox][disabled]:checked { background-color: #efefef; background-image: url(../Icons/check-grey.svg); } .cookie-detail-settings__checkbox label { display: inline-block; margin-left: 15px; position: relative; top: -10px; color: #fff; font-weight: bold; font-size: 18px; line-height: 1; } .cookie-detail-settings__button { position: absolute; top: 13px; right: 15px; width: 24px; height: 24px; background-color: transparent; border: none; cursor: pointer; } .cookie-detail-settings__button:before { content: ""; position: absolute; top: 40%; left: 50%; width: 10px; height: 10px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: translate(-50%, -50%) rotate(45deg); transition: transform 0.2s ease; } .cookie-detail-settings__button--opened:before { transform: translate(-50%, -50%) rotate(-135deg); } .cookie-detail-settings__hidden-content { height: 0; padding: 0 20px; overflow: hidden; } .cookie-detail-settings__hidden-content--show { height: auto; padding: 15px 20px; } .cookie-detail-settings__hidden-content p:first-of-type { margin-top: 0; } .cookie-detail-settings__table-wrapper { overflow-x: auto; } .cookie-detail-settings__cookie-table { width: 100%; border-collapse: collapse; } .cookie-detail-settings__cookie-table th, .cookie-detail-settings__cookie-table td { padding: 5px; text-align: left; vertical-align: top; border-bottom: 1px solid #ededed; } @media screen and (max-width: 768px) { .cookie-detail-settings__cookie-table th, .cookie-detail-settings__cookie-table td { font-size: 14px; } } .cookie-detail-settings__buttons { margin-top: 20px; } .cookie-detail-settings__buttons .cookie-optin__button { margin-right: 10px; } @media screen and (max-width: 768px) { .cookie-detail-settings__buttons .cookie-optin__button { width: 100%; margin: 0 0 10px; } } .tx-hairu .login-form h1 { font-size: 18px; line-height: 40px; padding: 0 5px; min-height: initial; position: relative; color: #0054a8; background: #e5eef6; } .tx-hairu .login-form h1 i { line-height: 40px; display: inline-block; font-size: 18px; margin-top: 0; color: #0054a8; } .tx-hairu .form-control-static { background: rgba(0, 0, 0, 0.02); display: block; padding: 10px; } .tx-hairu .form-control-static::after { clear: both; content: ""; display: table; } .tx-hairu .form-control-static i { line-height: 40px; display: block; float: left; font-size: 40px; color: #606060; margin: 0 10px 0 0; } .tx-hairu .form-control-static .form-control-static-text { line-height: 40px; display: block; float: left; } .tx-hairu .alert-message { margin: 0 0 20px; } .tx-hairu .alert-message b { color: #003d66; } .tx-hairu input { width: 100%; background: #fff !important; } .fal-securedownload > ul { border: 1px solid #f9f9f9; overflow-x: scroll; } .fal-securedownload ul { margin: 0; padding: 0; background-color: #fff; } .fal-securedownload ul li { list-style: none outside none; padding: 0; color: #606060; white-space: nowrap; overflow: hidden; } .fal-securedownload ul li .icon-folder, .fal-securedownload ul li .icon-file { cursor: pointer; white-space: nowrap; } .fal-securedownload ul li .icon-folder i, .fal-securedownload ul li .icon-file i { line-height: 20px; float: left; margin: 0 10px 0 0; } .fal-securedownload ul li .icon-folder .icon-caption, .fal-securedownload ul li .icon-file .icon-caption { line-height: 20px; float: left; display: block; } .fal-securedownload ul li .explorer-background { padding: 5px; line-height: 20px; overflow: hidden; } .fal-securedownload ul li .explorer-background::after { clear: both; content: ""; display: table; } .fal-securedownload ul li .explorer-background:hover { background-color: #003d66; color: #fff; } .fal-securedownload ul li .explorer-background:hover a { color: #fff; } .fal-securedownload ul li .background-grey { background-color: #f9f9f9; } .fal-securedownload ul li ul { margin: 0 0 0 30px; display: none; } .fal-securedownload ul li::before { display: none; } .fal-securedownload span { display: block; font-size: 14px; }