@CHARSET "UTF-8";
/* variables              [18] */ 
/* fonts                [2962] */ @font-face { font-family: 'Martel'; font-style: normal; font-weight: 800; src: local('Martel ExtraBold'), local('Martel-ExtraBold'), url('fonts/martel-v2-latin-800.woff2') format('woff2'), url('fonts/martel-v2-latin-800.woff') format('woff'); } @font-face { font-family: 'Inter UI'; font-style: normal; font-weight: 400; src: url("fonts/interui/Inter-UI-Regular.woff2") format("woff2"), url("fonts/interui/Inter-UI-Regular.woff") format("woff"); } @font-face { font-family: 'Inter UI'; font-style: normal; font-weight: 500; src: url("fonts/interui/Inter-UI-Medium.woff2") format("woff2"), url("fonts/interui/Inter-UI-Medium.woff") format("woff"); } @font-face { font-family: 'Inter UI'; font-style: normal; font-weight: 700; src: url("fonts/interui/Inter-UI-Bold.woff2") format("woff2"), url("fonts/interui/Inter-UI-Bold.woff") format("woff"); } @font-face { font-family: 'Inter UI var'; font-weight: 400 900; src: url('fonts/interui/Inter-UI-var.woff2') format("woff2-variations"), url('fonts/interui/Inter-UI-var.woff2') format("woff2"); } @font-face { font-family: "Duscholux-icon-font"; src:url("fonts/Duscholux-icon-font.eot"); src:url("fonts/Duscholux-icon-font.eot?#iefix") format("embedded-opentype"), url("fonts/Duscholux-icon-font.woff") format("woff"), url("fonts/Duscholux-icon-font.ttf") format("truetype"), url("fonts/Duscholux-icon-font.svg#Duscholux-icon-font") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "Duscholux-icon-font" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "Duscholux-icon-font" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-icn-arrow-left:before { content: "\61"; } .icon-icn-arrow-right:before { content: "\63"; } .icon-icn-basket:before { content: "\64"; } .icon-icn-close:before { content: "\65"; } .icon-icn-contact:before { content: "\66"; } .icon-icn-dealer:before { content: "\67"; } .icon-icn-download:before { content: "\68"; } .icon-icn-edit:before { content: "\69"; } .icon-icn-hamburger:before { content: "\6a"; } .icon-icn-search:before { content: "\6b"; } .icon-icn-share:before { content: "\6c"; } .icon-icn-user:before { content: "\6d"; } .icon-icn-arrow-down:before { content: "\62"; } .icon-icn-big-preview:before { content: "\6e"; } .icon-icn-circle:before { content: "\6f"; } .icon-icn-print:before { content: "\70"; } .icon-icn-up:before { content: "\71"; } .icon-icn-down:before { content: "\72"; } .icon-icn-favorite:before { content: "\73"; } 
/* normalize.1.1.0      [3132] */ /*! normalize.css v1.1.0 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, textarea { font-family: inherit; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; -ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box; height: 0; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; }
/* base                 [4718] */ @media all { html{ height: 100%; } body{ overflow-y: scroll; overflow-x: hidden; -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} *, *::after, *::before{ -ms-box-sizing:inherit;-o-box-sizing:inherit;box-sizing:inherit; font-size:inherit;} ::selection { background: rgb(33, 100, 176); color: #fff; text-shadow:none; } ::-webkit-selection { background: rgb(33, 100, 176); color: #fff; text-shadow:none; } ::-moz-selection { background: rgb(33, 100, 176); color: #fff; text-shadow:none; } p, ul, ol, blockquote{ margin: 0 0 15px; } strong, b{ font-weight: 700; } a:focus{ outline: none; } table, input, textarea, button, select{ font-size: 1em; } button, input[type='submit']{ border: none; outline: none; -webkit-appearance:none;-moz-appearance:none;appearance:none; } fieldset { border: 0; padding: 0; margin: 0; min-width: 0; width: 100%; } ul{ padding: 0 0 0 1.666em; margin: 0 0 1em; } hr{ border: none; outline: none; background: rgba(0,0,0,.15); height: 1px; margin: 28px 0; } .medium, img{ max-width: 100%; height: auto; } .d-flex{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; } .align-items-center{ align-items: center; } .flex-wrap{ flex-wrap: wrap; } .flex-space-between{ justify-content: space-between; } .imageFormat { display: block; height: 0; width: 100%; overflow: hidden; position: relative; } .imageFormat.format-1-2{ padding-bottom: 150%; } .imageFormat.format-1-1{ padding-bottom: 100%; } .imageFormat.format-4-3{ padding-bottom: 75%; } .imageFormat.format-3-2{ padding-bottom: 66.6666666667%; } .imageFormat.format-16-9{ padding-bottom: 56.25%; } .imageFormat.format-2-3{ padding-bottom: 150%; } .imageFormat.format-1000-1414{ padding-bottom: 141.14%; } .imageFormat.format-2-1{ padding-bottom: 50%; } .imageFormat.format-3-1{ padding-bottom: 33.3333333333%; } .imageFormat.format-4-1{ padding-bottom: 25%; } .imageFormat.format-5-1{ padding-bottom: 20%; } .fullscreenImage{ background-repeat: no-repeat; background-position: center; background-attachment: scroll; background-size: cover; -webkit-backface-visibility:hidden;backface-visibility:hidden; } .fullscreenImage.contain{ background-size: contain; } .fullscreenImage.fill{ background-size: 100% 100%; } .fullscreenImageImage {position:absolute;left:0;top:0;right:0;bottom:0;transition:transform 0.5s;} a:hover .fullscreenImageImage {-webkit-transform:scale(1.05) rotate(.001deg);-ms-transform:scale(1.05) rotate(.001deg);transform:scale(1.05) rotate(.001deg);} a, a:before, a:after, button, input, button:before, button:after{ transition: all .25s; } .responsiveTable{ min-height: 0.01%; overflow-x: auto; margin-bottom: 15px; } .responsiveTable table{ max-width: 99.9%; } td p { margin: 0; } .clear{ clear: both; font-size: 0px; height: 0px; } .clearing::before, .clearing::after{ content:""; display:table; } .clearing::after{ clear:both; } ul.dp-readerLinks{ position: absolute; left: -1000px; top: -1000px; width: 100%; } ul.dp-readerLinks a:active, ul.dp-readerLinks a:hover, ul.dp-readerLinks a:focus{ position:absolute; left:1000px; top:1000px; width:40%; background:white; color:black; border:1px solid gray; padding:8px; } .listReset{ margin: 0; padding: 0; } .listReset li{ margin: 0; padding: 0; list-style-type: none; } a, area, button, [role="button"], input:not([type="range"]), label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } [data-copyright]{ position: relative; display: inline-block; } [data-copyright]:after{ content: attr(data-copyright); position: absolute; bottom: 0; right: 0; background: rgba(0,0,0,.333); color: #fff; font-size: 10px; padding: 2px 3px; line-height: 1em; } } @media all and (max-width: 48em){ .responsiveTable{ border: 1px solid #ccc; overflow-y: hidden; width: 100%; } } @media all and (min-width: 36em){ .d-flex-s{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; } .align-items-center-s{ align-items: center; } .flex-wrap-s{ flex-wrap: wrap; } } @media all and (min-width: 48em){ .d-flex-m{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; } .align-items-center-m{ align-items: center; } .flex-wrap-m{ flex-wrap: wrap; } } @media all and (min-width: 62em){ .d-flex-l{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; } .align-items-center-l{ align-items: center; } .flex-wrap-l{ flex-wrap: wrap; } } @media all and (min-width: 80em){ .d-flex-xl{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; } .align-items-center-xl{ align-items: center; } .flex-wrap-xl{ flex-wrap: wrap; } } @-moz-document url-prefix() { fieldset { display: table-cell; } }
/* cols                [20059] */ .cols > *, .cols-s > *, .cols-m > *, .cols-l > *, .cols-xl > *, .cols-xxl > *, .cols-xxxl > *{ flex-grow: 0; flex-shrink: 0; width: 100%; } .flex-cols{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; flex-wrap: wrap; } .flex-cols > div{ flex-shrink: 0; } .cols { width: auto; margin-left: -15px; } .cols > * { float: left; padding-left: 15px; position: relative; } .cols > .col-100 { width: 100%; } .cols > .col-90 { width: 90%; } .cols > .col-90.pull { right: 10%; } .cols > .col-90.push { left: 10%; } .cols > .col-83 { width: 83.333%; } .cols > .col-83.pull { right: 16.666%; } .cols > .col-83.push { left: 16.666%; } .cols > .col-80 { width: 80%; } .cols > .col-80.pull { right: 20%; } .cols > .col-80.push { left: 20%; } .cols > .col-75 { width: 75%; } .cols > .col-75.pull { right: 25%; } .cols > .col-75.push { left: 25%; } .cols > .col-70 { width: 70%; } .cols > .col-70.pull { right: 30%; } .cols > .col-70.push { left: 30%; } .cols > .col-66 { width: 66.666%; } .cols > .col-66.pull { right: 33.333%; } .cols > .col-66.push { left: 33.333%; } .cols > .col-60 { width: 60%; } .cols > .col-60.pull { right: 40%; } .cols > .col-60.push { left: 40%; } .cols > .col-50 { width: 50%; } .cols > .col-50.pull { right: 50%; } .cols > .col-50.push { left: 50%; } .cols > .col-40 { width: 40%; } .cols > .col-40.pull { right: 60%; } .cols > .col-40.push { left: 60%; } .cols > .col-33 { width: 33.333%; } .cols > .col-33.pull { right: 66.666%; } .cols > .col-33.push { left: 66.666%; } .cols > .col-30 { width: 30%; } .cols > .col-30.pull { right: 70%; } .cols > .col-30.push { left: 70%; } .cols > .col-25 { width: 25%; } .cols > .col-25.pull { right: 75%; } .cols > .col-25.push { left: 75%; } .cols > .col-20 { width: 20%; } .cols > .col-20.pull { right: 80%; } .cols > .col-20.push { left: 80%; } .cols > .col-16 { width: 16.666%; } .cols > .col-16.pull { right: 83.333%; } .cols > .col-16.push { left: 83.333%; } .cols > .col-10 { width: 10%; } .cols > .col-10.pull { right: 90%; } .cols > .col-10.push { left: 90%; } .cols > .col-8 { width: 8%; } .cols > .col-8.pull { right: 92%; } .cols > .col-8.push { left: 92%; } .cols.no-gaps{ margin-left: 0; } .cols.no-gaps > *{ padding-left: 0; } .cols.min-gaps{ margin-left: -5px; } .cols.min-gaps > *{ padding-left: 5px; } .cols.small-gaps{ margin-left: -10px; } .cols.small-gaps > *{ padding-left: 10px; } .cols.default-gaps{ margin-left: -15px; } .cols.default-gaps > *{ padding-left: 15px; } .cols.medium-gaps{ margin-left: -28px; } .cols.medium-gaps > *{ padding-left: 28px; } .cols.large-gaps{ margin-left: -40px; } .cols.large-gaps > *{ padding-left: 40px; } .cols.larger-gaps{ margin-left: -75px; } .cols.larger-gaps > *{ padding-left: 75px; } .cols.largest-gaps{ margin-left: -100px; } .cols.largest-gaps > *{ padding-left: 100px; } @media all and (min-width: 36em){ .cols-s { width: auto; margin-left: -15px; } .cols-s > * { float: left; padding-left: 15px; position: relative; } .cols-s > .col-s-100 { width: 100%; } .cols-s > .col-s-83 { width: 83.333%; } .cols-s > .col-s-83.pull { right: 16.666%; } .cols-s > .col-s-83.push { left: 16.666%; } .cols-s > .col-s-80 { width: 80%; } .cols-s > .col-s-80.pull { right: 20%; } .cols-s > .col-s-80.push { left: 20%; } .cols-s > .col-s-75 { width: 75%; } .cols-s > .col-s-75.pull { right: 25%; } .cols-s > .col-s-75.push { left: 25%; } .cols-s > .col-s-70 { width: 70%; } .cols-s > .col-s-70.pull { right: 30%; } .cols-s > .col-s-70.push { left: 30%; } .cols-s > .col-s-66 { width: 66.666%; } .cols-s > .col-s-66.pull { right: 33.333%; } .cols-s > .col-s-66.push { left: 33.333%; } .cols-s > .col-s-65 { width: 65%; } .cols-s > .col-s-65.pull { right: 35%; } .cols-s > .col-s-65.push { left: 35%; } .cols-s > .col-s-60 { width: 60%; } .cols-s > .col-s-60.pull { right: 40%; } .cols-s > .col-s-60.push { left: 40%; } .cols-s > .col-s-50 { width: 50%; } .cols-s > .col-s-50.pull { right: 50%; } .cols-s > .col-s-50.push { left: 50%; } .cols-s > .col-s-40 { width: 40%; } .cols-s > .col-s-40.pull { right: 60%; } .cols-s > .col-s-40.push { left: 60%; } .cols-s > .col-s-35 { width: 35%; } .cols-s > .col-s-35.pull { right: 65%; } .cols-s > .col-s-35.push { left: 65%; } .cols-s > .col-s-33 { width: 33.333%; } .cols-s > .col-s-33.pull { right: 66.666%; } .cols-s > .col-s-33.push { left: 66.666%; } .cols-s > .col-s-30 { width: 30%; } .cols-s > .col-s-30.pull { right: 70%; } .cols-s > .col-s-30.push { left: 70%; } .cols-s > .col-s-25 { width: 25%; } .cols-s > .col-s-25.pull { right: 75%; } .cols-s > .col-s-25.push { left: 75%; } .cols-s > .col-s-20 { width: 20%; } .cols-s > .col-s-20.pull { right: 80%; } .cols-s > .col-s-20.push { left: 80%; } .cols-s > .col-s-16 { width: 16.666%; } .cols-s > .col-s-16.pull { right: 83.333%; } .cols-s > .col-s-16.push { left: 83.333%; } .cols-s > .col-s-10 { width: 10%; } .cols-s > .col-s-10.pull { right: 90%; } .cols-s > .col-s-10.push { left: 90%; } .cols-s > .col-s-8 { width: 8%; } .cols-s > .col-s-16.pull { right: 92%; } .cols-s > .col-s-16.push { left: 92%; } .cols-s.no-gaps{ margin-left: 0; } .cols-s.no-gaps > *{ padding-left: 0; } .cols-s.min-gaps{ margin-left: -5px; } .cols-s.min-gaps > *{ padding-left: 5px; } .cols-s.small-gaps{ margin-left: -10px; } .cols-s.small-gaps > *{ padding-left: 10px; } .cols-s.default-gaps{ margin-left: -15px; } .cols-s.default-gaps > *{ padding-left: 15px; } .cols-s.medium-gaps{ margin-left: -28px; } .cols-s.medium-gaps > *{ padding-left: 28px; } .cols-s.large-gaps{ margin-left: -40px; } .cols-s.large-gaps > *{ padding-left: 40px; } .cols-s.larger-gaps{ margin-left: -75px; } .cols-s.larger-gaps > *{ padding-left: 75px; } .cols-s.largest-gaps{ margin-left: -100px; } .cols-s.largest-gaps > *{ padding-left: 100px; } } @media all and (min-width: 48em){ .cols-m { width: auto; margin-left: -15px; } .cols-m > * { float: left; padding-left: 15px; position: relative; } .cols-m > .col-m-100 { width: 100%; } .cols-m > .col-m-90 { width: 90%; } .cols-m > .col-m-83.pull { right: 10%; } .cols-m > .col-m-83.push { left: 10%; } .cols-m > .col-m-83 { width: 83.333%; } .cols-m > .col-m-83.pull { right: 16.666%; } .cols-m > .col-m-83.push { left: 16.666%; } .cols-m > .col-m-80 { width: 80%; } .cols-m > .col-m-80.pull { right: 20%; } .cols-m > .col-m-80.push { left: 20%; } .cols-m > .col-m-75 { width: 75%; } .cols-m > .col-m-75.pull { right: 25%; } .cols-m > .col-m-75.push { left: 25%; } .cols-m > .col-m-70 { width: 70%; } .cols-m > .col-m-70.pull { right: 30%; } .cols-m > .col-m-70.push { left: 30%; } .cols-m > .col-m-66 { width: 66.666%; } .cols-m > .col-m-66.pull { right: 33.333%; } .cols-m > .col-m-66.push { left: 33.333%; } .cols-m > .col-m-60 { width: 60%; } .cols-m > .col-m-60.pull { right: 40%; } .cols-m > .col-m-60.push { left: 40%; } .cols-m > .col-m-50 { width: 50%; } .cols-m > .col-m-50.pull { right: 50%; } .cols-m > .col-m-50.push { left: 50%; } .cols-m > .col-m-40 { width: 40%; } .cols-m > .col-m-40.pull { right: 60%; } .cols-m > .col-m-40.push { left: 60%; } .cols-m > .col-m-33 { width: 33.333%; } .cols-m > .col-m-33.pull { right: 66.666%; } .cols-m > .col-m-33.push { left: 66.666%; } .cols-m > .col-m-30 { width: 30%; } .cols-m > .col-m-30.pull { right: 70%; } .cols-m > .col-m-30.push { left: 70%; } .cols-m > .col-m-25 { width: 25%; } .cols-m > .col-m-25.pull { right: 75%; } .cols-m > .col-m-25.push { left: 75%; } .cols-m > .col-m-20 { width: 20%; } .cols-m > .col-m-20.pull { right: 80%; } .cols-m > .col-m-20.push { left: 80%; } .cols-m > .col-m-16 { width: 16.666%; } .cols-m > .col-m-16.pull { right: 83.333%; } .cols-m > .col-m-16.push { left: 83.333%; } .cols-m > .col-m-10 { width: 10%; } .cols-m > .col-m-10.pull { right: 90%; } .cols-m > .col-m-10.push { left: 90%; } .cols-m > .col-m-8 { width: 8%; } .cols-m > .col-m-5.pull { right: 92%; } .cols-m > .col-m-5.push { left: 92%; } .cols-m.no-gaps{ margin-left: 0; } .cols-m.no-gaps > *{ padding-left: 0; } .cols-m.min-gaps{ margin-left: -5px; } .cols-m.min-gaps > *{ padding-left: 5px; } .cols-m.small-gaps{ margin-left: -10px; } .cols-m.small-gaps > *{ padding-left: 10px; } .cols-m.default-gaps{ margin-left: -15px; } .cols-m.default-gaps > *{ padding-left: 15px; } .cols-m.medium-gaps{ margin-left: -28px; } .cols-m.medium-gaps > *{ padding-left: 28px; } .cols-m.large-gaps{ margin-left: -40px; } .cols-m.large-gaps > *{ padding-left: 40px; } .cols-m.larger-gaps{ margin-left: -75px; } .cols-m.larger-gaps > *{ padding-left: 75px; } .cols-m.largest-gaps{ margin-left: -100px; } .cols-m.largest-gaps > *{ padding-left: 100px; } } @media all and (min-width: 62em){ .cols-l { width: auto; margin-left: -15px; } .cols-l > * { float: left; padding-left: 15px; position: relative; } .cols-l > .col-l-100 { width: 100%; } .cols-l > .col-l-83 { width: 83.333%; } .cols-l > .col-l-83.pull { right: 16.666%; } .cols-l > .col-l-83.push { left: 16.666%; } .cols-l > .col-l-80 { width: 80%; } .cols-l > .col-l-80.pull { right: 20%; } .cols-l > .col-l-80.push { left: 20%; } .cols-l > .col-l-75 { width: 75%; } .cols-l > .col-l-75.pull { right: 25%; } .cols-l > .col-l-75.push { left: 25%; } .cols-l > .col-l-70 { width: 70%; } .cols-l > .col-l-70.pull { right: 30%; } .cols-l > .col-l-70.push { left: 30%; } .cols-l > .col-l-66 { width: 66.666%; } .cols-l > .col-l-66.pull { right: 33.333%; } .cols-l > .col-l-66.push { left: 33.333%; } .cols-l > .col-l-60 { width: 60%; } .cols-l > .col-l-60.pull { right: 40%; } .cols-l > .col-l-60.push { left: 40%; } .cols-l > .col-l-50 { width: 50%; } .cols-l > .col-l-50.pull { right: 50%; } .cols-l > .col-l-50.push { left: 50%; } .cols-l > .col-l-40 { width: 40%; } .cols-l > .col-l-40.pull { right: 60%; } .cols-l > .col-l-40.push { left: 60%; } .cols-l > .col-l-33 { width: 33.333%; } .cols-l > .col-l-33.pull { right: 66.666%; } .cols-l > .col-l-33.push { left: 66.666%; } .cols-l > .col-l-30 { width: 30%; } .cols-l > .col-l-30.pull { right: 70%; } .cols-l > .col-l-30.push { left: 70%; } .cols-l > .col-l-25 { width: 25%; } .cols-l > .col-l-25.pull { right: 75%; } .cols-l > .col-l-25.push { left: 75%; } .cols-l > .col-l-20 { width: 20%; } .cols-l > .col-l-20.pull { right: 80%; } .cols-l > .col-l-20.push { left: 80%; } .cols-l > .col-l-16 { width: 16.666%; } .cols-l > .col-l-16.pull { right: 83.333%; } .cols-l > .col-l-16.push { left: 83.333%; } .cols-l > .col-l-10 { width: 10%; } .cols-l > .col-l-10.pull { right: 90%; } .cols-l > .col-l-10.push { left: 90%; } .cols-l > .col-l-8 { width: 8%; } .cols-l > .col-l-5.pull { right: 92%; } .cols-l > .col-l-5.push { left: 92%; } .cols-l.no-gaps{ margin-left: 0; } .cols-l.no-gaps > *{ padding-left: 0; } .cols-l.min-gaps{ margin-left: -5px; } .cols-l.min-gaps > *{ padding-left: 5px; } .cols-l.small-gaps{ margin-left: -10px; } .cols-l.small-gaps > *{ padding-left: 10px; } .cols-l.default-gaps{ margin-left: -15px; } .cols-l.default-gaps > *{ padding-left: 15px; } .cols-l.medium-gaps{ margin-left: -28px; } .cols-l.medium-gaps > *{ padding-left: 28px; } .cols-l.large-gaps{ margin-left: -40px; } .cols-l.large-gaps > *{ padding-left: 40px; } .cols-l.larger-gaps{ margin-left: -75px; } .cols-l.larger-gaps > *{ padding-left: 75px; } .cols-l.largest-gaps{ margin-left: -100px; } .cols-l.largest-gaps > *{ padding-left: 100px; } } @media all and (min-width: 80em){ .cols-xl { width: auto; margin-left: -15px; } .cols-xl > * { float: left; padding-left: 15px; position: relative; } .cols-xl > .col-xl-100 { width: 100%; } .cols-xl > .col-xl-83 { width: 83.333%; } .cols-xl > .col-xl-83.pull { right: 16.666%; } .cols-xl > .col-xl-83.push { left: 16.666%; } .cols-xl > .col-xl-80 { width: 80%; } .cols-xl > .col-xl-80.pull { right: 20%; } .cols-xl > .col-xl-80.push { left: 20%; } .cols-xl > .col-xl-75 { width: 75%; } .cols-xl > .col-xl-75.pull { right: 25%; } .cols-xl > .col-xl-75.push { left: 25%; } .cols-xl > .col-xl-70 { width: 70%; } .cols-xl > .col-xl-70.pull { right: 30%; } .cols-xl > .col-xl-70.push { left: 30%; } .cols-xl > .col-xl-66 { width: 66.666%; } .cols-xl > .col-xl-66.pull { right: 33.333%; } .cols-xl > .col-xl-66.push { left: 33.333%; } .cols-xl > .col-xl-60 { width: 60%; } .cols-xl > .col-xl-60.pull { right: 40%; } .cols-xl > .col-xl-60.push { left: 40%; } .cols-xl > .col-xl-50 { width: 50%; } .cols-xl > .col-xl-50.pull { right: 50%; } .cols-xl > .col-xl-50.push { left: 50%; } .cols-xl > .col-xl-40 { width: 40%; } .cols-xl > .col-xl-40.pull { right: 60%; } .cols-xl > .col-xl-40.push { left: 60%; } .cols-xl > .col-xl-33 { width: 33.333%; } .cols-xl > .col-xl-33.pull { right: 66.666%; } .cols-xl > .col-xl-33.push { left: 66.666%; } .cols-xl > .col-xl-30 { width: 30%; } .cols-xl > .col-xl-30.pull { right: 70%; } .cols-xl > .col-xl-30.push { left: 70%; } .cols-xl > .col-xl-25 { width: 25%; } .cols-xl > .col-xl-25.pull { right: 75%; } .cols-xl > .col-xl-25.push { left: 75%; } .cols-xl > .col-xl-20 { width: 20%; } .cols-xl > .col-xl-20.pull { right: 80%; } .cols-xl > .col-xl-20.push { left: 80%; } .cols-xl > .col-xl-16 { width: 16.666%; } .cols-xl > .col-xl-16.pull { right: 83.333%; } .cols-xl > .col-xl-16.push { left: 83.333%; } .cols-xl > .col-xl-10 { width: 10%; } .cols-xl > .col-xl-10.pull { right: 90%; } .cols-xl > .col-xl-10.push { left: 90%; } .cols-xl > .col-xl-8 { width: 8%; } .cols-xl > .col-xl-5.pull { right: 92%; } .cols-xl > .col-xl-5.push { left: 92%; } .cols-xl.no-gaps{ margin-left: 0; } .cols-xl.no-gaps > *{ padding-left: 0; } .cols-xl.min-gaps{ margin-left: -5px; } .cols-xl.min-gaps > *{ padding-left: 5px; } .cols-xl.small-gaps{ margin-left: -10px; } .cols-xl.small-gaps > *{ padding-left: 10px; } .cols-xl.default-gaps{ margin-left: -15px; } .cols-xl.default-gaps > *{ padding-left: 15px; } .cols-xl.medium-gaps{ margin-left: -28px; } .cols-xl.medium-gaps > *{ padding-left: 28px; } .cols-xl.large-gaps{ margin-left: -40px; } .cols-xl.large-gaps > *{ padding-left: 40px; } .cols-xl.larger-gaps{ margin-left: -75px; } .cols-xl.larger-gaps > *{ padding-left: 75px; } .cols-xl.largest-gaps{ margin-left: -100px; } .cols-xl.largest-gaps > *{ padding-left: 100px; } } @media all and (min-width: 90em){ .cols-xxl { width: auto; margin-left: -15px; } .cols-xxl > * { float: left; padding-left: 15px; position: relative; } .cols-xxl > .col-xxl-100 { width: 100%; } .cols-xxl > .col-xxl-83 { width: 83.333%; } .cols-xxl > .col-xxl-83.pull { right: 16.666%; } .cols-xxl > .col-xxl-83.push { left: 16.666%; } .cols-xxl > .col-xxl-80 { width: 80%; } .cols-xxl > .col-xxl-80.pull { right: 20%; } .cols-xxl > .col-xxl-80.push { left: 20%; } .cols-xxl > .col-xxl-75 { width: 75%; } .cols-xxl > .col-xxl-75.pull { right: 25%; } .cols-xxl > .col-xxl-75.push { left: 25%; } .cols-xxl > .col-xxl-70 { width: 70%; } .cols-xxl > .col-xxl-70.pull { right: 30%; } .cols-xxl > .col-xxl-70.push { left: 30%; } .cols-xxl > .col-xxl-66 { width: 66.666%; } .cols-xxl > .col-xxl-66.pull { right: 33.333%; } .cols-xxl > .col-xxl-66.push { left: 33.333%; } .cols-xxl > .col-xxl-60 { width: 60%; } .cols-xxl > .col-xxl-60.pull { right: 40%; } .cols-xxl > .col-xxl-60.push { left: 40%; } .cols-xxl > .col-xxl-50 { width: 50%; } .cols-xxl > .col-xxl-50.pull { right: 50%; } .cols-xxl > .col-xxl-50.push { left: 50%; } .cols-xxl > .col-xxl-40 { width: 40%; } .cols-xxl > .col-xxl-40.pull { right: 60%; } .cols-xxl > .col-xxl-40.push { left: 60%; } .cols-xxl > .col-xxl-33 { width: 33.333%; } .cols-xxl > .col-xxl-33.pull { right: 66.666%; } .cols-xxl > .col-xxl-33.push { left: 66.666%; } .cols-xxl > .col-xxl-30 { width: 30%; } .cols-xxl > .col-xxl-30.pull { right: 70%; } .cols-xxl > .col-xxl-30.push { left: 70%; } .cols-xxl > .col-xxl-25 { width: 25%; } .cols-xxl > .col-xxl-25.pull { right: 75%; } .cols-xxl > .col-xxl-25.push { left: 75%; } .cols-xxl > .col-xxl-20 { width: 20%; } .cols-xxl > .col-xxl-20.pull { right: 80%; } .cols-xxl > .col-xxl-20.push { left: 80%; } .cols-xxl > .col-xxl-16 { width: 16.666%; } .cols-xxl > .col-xxl-16.pull { right: 83.333%; } .cols-xxl > .col-xxl-16.push { left: 83.333%; } .cols-xxl > .col-xxl-14 { width: 14.285%; } .cols-xxl > .col-xxl-10 { width: 10%; } .cols-xxl > .col-xxl-10.pull { right: 90%; } .cols-xxl > .col-xxl-10.push { left: 90%; } .cols-xxl > .col-xxl-8 { width: 8%; } .cols-xxl > .col-xxl-5.pull { right: 92%; } .cols-xxl > .col-xxl-5.push { left: 92%; } .cols-xxl.no-gaps{ margin-left: 0; } .cols-xxl.no-gaps > *{ padding-left: 0; } .cols-xxl.min-gaps{ margin-left: -5px; } .cols-xxl.min-gaps > *{ padding-left: 5px; } .cols-xxl.small-gaps{ margin-left: -10px; } .cols-xxl.small-gaps > *{ padding-left: 10px; } .cols-xxl.default-gaps{ margin-left: -15px; } .cols-xxl.default-gaps > *{ padding-left: 15px; } .cols-xxl.medium-gaps{ margin-left: -28px; } .cols-xxl.medium-gaps > *{ padding-left: 28px; } .cols-xxl.large-gaps{ margin-left: -40px; } .cols-xxl.large-gaps > *{ padding-left: 40px; } .cols-xxl.larger-gaps{ margin-left: -75px; } .cols-xxl.larger-gaps > *{ padding-left: 75px; } .cols-xxl.largest-gaps{ margin-left: -100px; } .cols-xxl.largest-gaps > *{ padding-left: 100px; } } @media all and (min-width: 100em){ .cols-xxxl { width: auto; margin-left: -15px; } .cols-xxxl > * { float: left; padding-left: 15px; position: relative; } .cols-xxxl > .col-xxxl-100 { width: 100%; } .cols-xxxl > .col-xxxl-83 { width: 83.333%; } .cols-xxxl > .col-xxxl-83.pull { right: 16.666%; } .cols-xxxl > .col-xxxl-83.push { left: 16.666%; } .cols-xxxl > .col-xxxl-80 { width: 80%; } .cols-xxxl > .col-xxxl-80.pull { right: 20%; } .cols-xxxl > .col-xxxl-80.push { left: 20%; } .cols-xxxl > .col-xxxl-75 { width: 75%; } .cols-xxxl > .col-xxxl-75.pull { right: 25%; } .cols-xxxl > .col-xxxl-75.push { left: 25%; } .cols-xxxl > .col-xxxl-70 { width: 70%; } .cols-xxxl > .col-xxxl-70.pull { right: 30%; } .cols-xxxl > .col-xxxl-70.push { left: 30%; } .cols-xxxl > .col-xxxl-66 { width: 66.666%; } .cols-xxxl > .col-xxxl-66.pull { right: 33.333%; } .cols-xxxl > .col-xxxl-66.push { left: 33.333%; } .cols-xxxl > .col-xxxl-60 { width: 60%; } .cols-xxxl > .col-xxxl-60.pull { right: 40%; } .cols-xxxl > .col-xxxl-60.push { left: 40%; } .cols-xxxl > .col-xxxl-50 { width: 50%; } .cols-xxxl > .col-xxxl-50.pull { right: 50%; } .cols-xxxl > .col-xxxl-50.push { left: 50%; } .cols-xxxl > .col-xxxl-40 { width: 40%; } .cols-xxxl > .col-xxxl-40.pull { right: 60%; } .cols-xxxl > .col-xxxl-40.push { left: 60%; } .cols-xxxl > .col-xxxl-33 { width: 33.333%; } .cols-xxxl > .col-xxxl-33.pull { right: 66.666%; } .cols-xxxl > .col-xxxl-33.push { left: 66.666%; } .cols-xxxl > .col-xxxl-30 { width: 30%; } .cols-xxxl > .col-xxxl-30.pull { right: 70%; } .cols-xxxl > .col-xxxl-30.push { left: 70%; } .cols-xxxl > .col-xxxl-25 { width: 25%; } .cols-xxxl > .col-xxxl-25.pull { right: 75%; } .cols-xxxl > .col-xxxl-25.push { left: 75%; } .cols-xxxl > .col-xxxl-20 { width: 20%; } .cols-xxxl > .col-xxxl-20.pull { right: 80%; } .cols-xxxl > .col-xxxl-20.push { left: 80%; } .cols-xxxl > .col-xxxl-16 { width: 16.666%; } .cols-xxxl > .col-xxxl-16.pull { right: 83.333%; } .cols-xxxl > .col-xxxl-16.push { left: 83.333%; } .cols-xxxl > .col-xxxl-14 { width: 14.285%; } .cols-xxxl > .col-xxxl-10 { width: 10%; } .cols-xxxl > .col-xxxl-10.pull { right: 90%; } .cols-xxxl > .col-xxxl-10.push { left: 90%; } .cols-xxxl > .col-xxxl-8 { width: 8%; } .cols-xxxl > .col-xxxl-5.pull { right: 92%; } .cols-xxxl > .col-xxxl-5.push { left: 92%; } .cols-xxxl.no-gaps{ margin-left: 0; } .cols-xxxl.no-gaps > *{ padding-left: 0; } .cols-xxxl.min-gaps{ margin-left: -5px; } .cols-xxxl.min-gaps > *{ padding-left: 5px; } .cols-xxxl.small-gaps{ margin-left: -10px; } .cols-xxxl.small-gaps > *{ padding-left: 10px; } .cols-xxxl.default-gaps{ margin-left: -15px; } .cols-xxxl.default-gaps > *{ padding-left: 15px; } .cols-xxxl.medium-gaps{ margin-left: -28px; } .cols-xxxl.medium-gaps > *{ padding-left: 28px; } .cols-xxxl.large-gaps{ margin-left: -40px; } .cols-xxxl.large-gaps > *{ padding-left: 40px; } .cols-xxxl.larger-gaps{ margin-left: -75px; } .cols-xxxl.larger-gaps > *{ padding-left: 75px; } .cols-xxxl.largest-gaps{ margin-left: -100px; } .cols-xxxl.largest-gaps > *{ padding-left: 100px; } }
/* spacings            [23891] */ .m-none { margin: 0 !important; } .mt-none, .my-none { margin-top: 0 !important; } .mr-none, .mx-none { margin-right: 0 !important; } .mb-none, .my-none { margin-bottom: 0 !important; } .ml-none, .mx-none { margin-left: 0 !important; } .m-min { margin: 5px !important; } .mt-min, .my-min { margin-top: 5px !important; } .mr-min, .mx-min { margin-right: 5px !important; } .mb-min, .my-min { margin-bottom: 5px !important; } .ml-min, .mx-min { margin-left: 5px !important; } .m-small { margin: 10px !important; } .mt-small, .my-small { margin-top: 10px !important; } .mr-small, .mx-small { margin-right: 10px !important; } .mb-small, .my-small { margin-bottom: 10px !important; } .ml-small, .mx-small { margin-left: 10px !important; } .m-default { margin: 15px !important; } .mt-default, .my-default { margin-top: 15px !important; } .mr-default, .mx-default { margin-right: 15px !important; } .mb-default, .my-default { margin-bottom: 15px !important; } .ml-default, .mx-default { margin-left: 15px !important; } .m-medium { margin: 28px !important; } .mt-medium, .my-medium { margin-top: 28px !important; } .mr-medium, .mx-medium { margin-right: 28px !important; } .mb-medium, .my-medium { margin-bottom: 28px !important; } .ml-medium, .mx-medium { margin-left: 28px !important; } .m-large { margin: 40px !important; } .mt-large, .my-large { margin-top: 40px !important; } .mr-large, .mx-large { margin-right: 40px !important; } .mb-large, .my-large { margin-bottom: 40px !important; } .ml-large, .mx-large { margin-left: 40px !important; } .m-larger { margin: 75px !important; } .mt-larger, .my-larger { margin-top: 75px !important; } .mr-larger, .mx-larger { margin-right: 75px !important; } .mb-larger, .my-larger { margin-bottom: 75px !important; } .ml-larger, .mx-larger { margin-left: 75px !important; } .m-largest { margin: 100px !important; } .mt-largest, .my-largest { margin-top: 100px !important; } .mr-largest, .mx-largest { margin-right: 100px !important; } .mb-largest, .my-largest { margin-bottom: 100px !important; } .ml-largest, .mx-largest { margin-left: 100px !important; } .p-none { padding: 0 !important; } .pt-none, .py-none { padding-top: 0 !important; } .pr-none, .px-none { padding-right: 0 !important; } .pb-none, .py-none { padding-bottom: 0 !important; } .pl-none, .px-none { padding-left: 0 !important; } .p-min { padding: 5px !important; } .pt-min, .py-min { padding-top: 5px !important; } .pr-min, .px-min { padding-right: 5px !important; } .pb-min, .py-min { padding-bottom: 5px !important; } .pl-min, .px-min { padding-left: 5px !important; } .p-small { padding: 10px !important; } .pt-small, .py-small { padding-top: 10px !important; } .pr-small, .px-small { padding-right: 10px !important; } .pb-small, .py-small { padding-bottom: 10px !important; } .pl-small, .px-small { padding-left: 10px !important; } .p-default { padding: 15px !important; } .pt-default, .py-default { padding-top: 15px !important; } .pr-default, .px-default { padding-right: 15px !important; } .pb-default, .py-default { padding-bottom: 15px !important; } .pl-default, .px-default { padding-left: 15px !important; } .p-medium { padding: 28px !important; } .pt-medium, .py-medium { padding-top: 28px !important; } .pr-medium, .px-medium { padding-right: 28px !important; } .pb-medium, .py-medium { padding-bottom: 28px !important; } .pl-medium, .px-medium { padding-left: 28px !important; } .p-large { padding: 40px !important; } .pt-large, .py-large { padding-top: 40px !important; } .pr-large, .px-large { padding-right: 40px !important; } .pb-large, .py-large { padding-bottom: 40px !important; } .pl-large, .px-large { padding-left: 40px !important; } .p-larger { padding: 75px !important; } .pt-larger, .py-larger { padding-top: 75px !important; } .pr-larger, .px-larger { padding-right: 75px !important; } .pb-larger, .py-larger { padding-bottom: 75px !important; } .pl-larger, .px-larger { padding-left: 75px !important; } .p-largest { padding: 100px !important; } .pt-largest, .py-largest { padding-top: 100px !important; } .pr-largest, .px-largest { padding-right: 100px !important; } .pb-largest, .py-largest { padding-bottom: 100px !important; } .pl-largest, .px-largest { padding-left: 100px !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media all and (min-width: 36em){ .m-s-none { margin: 0 !important; } .mt-s-none, .my-s-none { margin-top: 0 !important; } .mr-s-none, .mx-s-none { margin-right: 0 !important; } .mb-s-none, .my-s-none { margin-bottom: 0 !important; } .ml-s-none, .mx-s-none { margin-left: 0 !important; } .m-s-min { margin: 5px !important; } .mt-s-min, .my-s-min { margin-top: 5px !important; } .mr-s-min, .mx-s-min { margin-right: 5px !important; } .mb-s-min, .my-s-min { margin-bottom: 5px !important; } .ml-s-min, .mx-s-min { margin-left: 5px !important; } .m-s-small { margin: 10px !important; } .mt-s-small, .my-s-small { margin-top: 10px !important; } .mr-s-small, .mx-s-small { margin-right: 10px !important; } .mb-s-small, .my-s-small { margin-bottom: 10px !important; } .ml-s-small, .mx-s-small { margin-left: 10px !important; } .m-s-default { margin: 15px !important; } .mt-s-default, .my-s-default { margin-top: 15px !important; } .mr-s-default, .mx-s-default { margin-right: 15px !important; } .mb-s-default, .my-s-default { margin-bottom: 15px !important; } .ml-s-default, .mx-s-default { margin-left: 15px !important; } .m-s-medium { margin: 28px !important; } .mt-s-medium, .my-s-medium { margin-top: 28px !important; } .mr-s-medium, .mx-s-medium { margin-right: 28px !important; } .mb-s-medium, .my-s-medium { margin-bottom: 28px !important; } .ml-s-medium, .mx-s-medium { margin-left: 28px !important; } .m-s-large { margin: 40px !important; } .mt-s-large, .my-s-large { margin-top: 40px !important; } .mr-s-large, .mx-s-large { margin-right: 40px !important; } .mb-s-large, .my-s-large { margin-bottom: 40px !important; } .ml-s-large, .mx-s-large { margin-left: 40px !important; } .m-s-larger { margin: 75px !important; } .mt-s-larger, .my-s-larger { margin-top: 75px !important; } .mr-s-larger, .mx-s-larger { margin-right: 75px !important; } .mb-s-larger, .my-s-larger { margin-bottom: 75px !important; } .ml-s-larger, .mx-s-larger { margin-left: 75px !important; } .m-s-largest { margin: 100px !important; } .mt-s-largest, .my-s-largest { margin-top: 100px !important; } .mr-s-largest, .mx-s-largest { margin-right: 100px !important; } .mb-s-largest, .my-s-largest { margin-bottom: 100px !important; } .ml-s-largest, .mx-s-largest { margin-left: 100px !important; } .p-s-none { padding: 0 !important; } .pt-s-none, .py-s-none { padding-top: 0 !important; } .pr-s-none, .px-s-none { padding-right: 0 !important; } .pb-s-none, .py-s-none { padding-bottom: 0 !important; } .pl-s-none, .px-s-none { padding-left: 0 !important; } .p-s-min { padding: 5px !important; } .pt-s-min, .py-s-min { padding-top: 5px !important; } .pr-s-min, .px-s-min { padding-right: 5px !important; } .pb-s-min, .py-s-min { padding-bottom: 5px !important; } .pl-s-min, .px-s-min { padding-left: 5px !important; } .p-s-small { padding: 10px !important; } .pt-s-small, .py-s-small { padding-top: 10px !important; } .pr-s-small, .px-s-small { padding-right: 10px !important; } .pb-s-small, .py-s-small { padding-bottom: 10px !important; } .pl-s-small, .px-s-small { padding-left: 10px !important; } .p-s-default { padding: 15px !important; } .pt-s-default, .py-s-default { padding-top: 15px !important; } .pr-s-default, .px-s-default { padding-right: 15px !important; } .pb-s-default, .py-s-default { padding-bottom: 15px !important; } .pl-s-default, .px-s-default { padding-left: 15px !important; } .p-s-medium { padding: 28px !important; } .pt-s-medium, .py-s-medium { padding-top: 28px !important; } .pr-s-medium, .px-s-medium { padding-right: 28px !important; } .pb-s-medium, .py-s-medium { padding-bottom: 28px !important; } .pl-s-medium, .px-s-medium { padding-left: 28px !important; } .p-s-large { padding: 40px !important; } .pt-s-large, .py-s-large { padding-top: 40px !important; } .pr-s-large, .px-s-large { padding-right: 40px !important; } .pb-s-large, .py-s-large { padding-bottom: 40px !important; } .pl-s-large, .px-s-large { padding-left: 40px !important; } .p-s-larger { padding: 75px !important; } .pt-s-larger, .py-s-larger { padding-top: 75px !important; } .pr-s-larger, .px-s-larger { padding-right: 75px !important; } .pb-s-larger, .py-s-larger { padding-bottom: 75px !important; } .pl-s-larger, .px-s-larger { padding-left: 75px !important; } .p-s-largest { padding: 100px !important; } .pt-s-largest, .py-s-largest { padding-top: 100px !important; } .pr-s-largest, .px-s-largest { padding-right: 100px !important; } .pb-s-largest, .py-s-largest { padding-bottom: 100px !important; } .pl-s-largest, .px-s-largest { padding-left: 100px !important; } .m-s-auto { margin: auto !important; } .mt-s-auto, .my-s-auto { margin-top: auto !important; } .mr-s-auto, .mx-s-auto { margin-right: auto !important; } .mb-s-auto, .my-s-auto { margin-bottom: auto !important; } .ml-s-auto, .mx-s-auto { margin-left: auto !important; } } @media all and (min-width: 48em){ .m-m-none { margin: 0 !important; } .mt-m-none, .my-m-none { margin-top: 0 !important; } .mr-m-none, .mx-m-none { margin-right: 0 !important; } .mb-m-none, .my-m-none { margin-bottom: 0 !important; } .ml-m-none, .mx-m-none { margin-left: 0 !important; } .m-m-min { margin: 5px !important; } .mt-m-min, .my-m-min { margin-top: 5px !important; } .mr-m-min, .mx-m-min { margin-right: 5px !important; } .mb-m-min, .my-m-min { margin-bottom: 5px !important; } .ml-m-min, .mx-m-min { margin-left: 5px !important; } .m-m-small { margin: 10px !important; } .mt-m-small, .my-m-small { margin-top: 10px !important; } .mr-m-small, .mx-m-small { margin-right: 10px !important; } .mb-m-small, .my-m-small { margin-bottom: 10px !important; } .ml-m-small, .mx-m-small { margin-left: 10px !important; } .m-m-default { margin: 15px !important; } .mt-m-default, .my-m-default { margin-top: 15px !important; } .mr-m-default, .mx-m-default { margin-right: 15px !important; } .mb-m-default, .my-m-default { margin-bottom: 15px !important; } .ml-m-default, .mx-m-default { margin-left: 15px !important; } .m-m-medium { margin: 28px !important; } .mt-m-medium, .my-m-medium { margin-top: 28px !important; } .mr-m-medium, .mx-m-medium { margin-right: 28px !important; } .mb-m-medium, .my-m-medium { margin-bottom: 28px !important; } .ml-m-medium, .mx-m-medium { margin-left: 28px !important; } .m-m-large { margin: 40px !important; } .mt-m-large, .my-m-large { margin-top: 40px !important; } .mr-m-large, .mx-m-large { margin-right: 40px !important; } .mb-m-large, .my-m-large { margin-bottom: 40px !important; } .ml-m-large, .mx-m-large { margin-left: 40px !important; }.m-s-larger { margin: 75px !important; } .mt-m-larger, .my-m-larger { margin-top: 75px !important; } .mr-m-larger, .mx-m-larger { margin-right: 75px !important; } .mb-m-larger, .my-m-larger { margin-bottom: 75px !important; } .ml-m-larger, .mx-m-larger { margin-left: 75px !important; } .m-m-largest { margin: 100px !important; } .mt-m-largest, .my-m-largest { margin-top: 100px !important; } .mr-m-largest, .mx-m-largest { margin-right: 100px !important; } .mb-m-largest, .my-m-largest { margin-bottom: 100px !important; } .ml-m-largest, .mx-m-largest { margin-left: 100px !important; } .p-m-none { padding: 0 !important; } .pt-m-none, .py-m-none { padding-top: 0 !important; } .pr-m-none, .px-m-none { padding-right: 0 !important; } .pb-m-none, .py-m-none { padding-bottom: 0 !important; } .pl-m-none, .px-m-none { padding-left: 0 !important; } .p-m-min { padding: 5px !important; } .pt-m-min, .py-m-min { padding-top: 5px !important; } .pr-m-min, .px-m-min { padding-right: 5px !important; } .pb-m-min, .py-m-min { padding-bottom: 5px !important; } .pl-m-min, .px-m-min { padding-left: 5px !important; } .p-m-small { padding: 10px !important; } .pt-m-small, .py-m-small { padding-top: 10px !important; } .pr-m-small, .px-m-small { padding-right: 10px !important; } .pb-m-small, .py-m-small { padding-bottom: 10px !important; } .pl-m-small, .px-m-small { padding-left: 10px !important; } .p-m-default { padding: 15px !important; } .pt-m-default, .py-m-default { padding-top: 15px !important; } .pr-m-default, .px-m-default { padding-right: 15px !important; } .pb-m-default, .py-m-default { padding-bottom: 15px !important; } .pl-m-default, .px-m-default { padding-left: 15px !important; } .p-m-medium { padding: 28px !important; } .pt-m-medium, .py-m-medium { padding-top: 28px !important; } .pr-m-medium, .px-m-medium { padding-right: 28px !important; } .pb-m-medium, .py-m-medium { padding-bottom: 28px !important; } .pl-m-medium, .px-m-medium { padding-left: 28px !important; } .p-m-large { padding: 40px !important; } .pt-m-large, .py-m-large { padding-top: 40px !important; } .pr-m-large, .px-m-large { padding-right: 40px !important; } .pb-m-large, .py-m-large { padding-bottom: 40px !important; } .pl-m-large, .px-m-large { padding-left: 40px !important; } .p-m-larger { padding: 75px !important; } .pt-m-larger, .py-m-larger { padding-top: 75px !important; } .pr-m-larger, .px-m-larger { padding-right: 75px !important; } .pb-m-larger, .py-m-larger { padding-bottom: 75px !important; } .pl-m-larger, .px-m-larger { padding-left: 75px !important; } .p-m-largest { padding: 100px !important; } .pt-m-largest, .py-m-largest { padding-top: 100px !important; } .pr-m-largest, .px-m-largest { padding-right: 100px !important; } .pb-m-largest, .py-m-largest { padding-bottom: 100px !important; } .pl-m-largest, .px-m-largest { padding-left: 100px !important; } .m-m-auto { margin: auto !important; } .mt-m-auto, .my-m-auto { margin-top: auto !important; } .mr-m-auto, .mx-m-auto { margin-right: auto !important; } .mb-m-auto, .my-m-auto { margin-bottom: auto !important; } .ml-m-auto, .mx-m-auto { margin-left: auto !important; } } @media all and (min-width: 62em){ .m-l-none { margin: 0 !important; } .mt-l-none, .my-l-none { margin-top: 0 !important; } .mr-l-none, .mx-l-none { margin-right: 0 !important; } .mb-l-none, .my-l-none { margin-bottom: 0 !important; } .ml-l-none, .mx-l-none { margin-left: 0 !important; } .m-l-min { margin: 5px !important; } .mt-l-min, .my-l-min { margin-top: 5px !important; } .mr-l-min, .mx-l-min { margin-right: 5px !important; } .mb-l-min, .my-l-min { margin-bottom: 5px !important; } .ml-l-min, .mx-l-min { margin-left: 5px !important; } .m-l-small { margin: 10px !important; } .mt-l-small, .my-l-small { margin-top: 10px !important; } .mr-l-small, .mx-l-small { margin-right: 10px !important; } .mb-l-small, .my-l-small { margin-bottom: 10px !important; } .ml-l-small, .mx-l-small { margin-left: 10px !important; } .m-l-default { margin: 15px !important; } .mt-l-default, .my-l-default { margin-top: 15px !important; } .mr-l-default, .mx-l-default { margin-right: 15px !important; } .mb-l-default, .my-l-default { margin-bottom: 15px !important; } .ml-l-default, .mx-l-default { margin-left: 15px !important; } .m-l-medium { margin: 28px !important; } .mt-l-medium, .my-l-medium { margin-top: 28px !important; } .mr-l-medium, .mx-l-medium { margin-right: 28px !important; } .mb-l-medium, .my-l-medium { margin-bottom: 28px !important; } .ml-l-medium, .mx-l-medium { margin-left: 28px !important; } .m-l-large { margin: 40px !important; } .mt-l-large, .my-l-large { margin-top: 40px !important; } .mr-l-large, .mx-l-large { margin-right: 40px !important; } .mb-l-large, .my-l-large { margin-bottom: 40px !important; } .ml-l-large, .mx-l-large { margin-left: 40px !important; }.m-s-larger { margin: 75px !important; } .mt-l-larger, .my-l-larger { margin-top: 75px !important; } .mr-l-larger, .mx-l-larger { margin-right: 75px !important; } .mb-l-larger, .my-l-larger { margin-bottom: 75px !important; } .ml-l-larger, .mx-l-larger { margin-left: 75px !important; } .m-l-largest { margin: 100px !important; } .mt-l-largest, .my-l-largest { margin-top: 100px !important; } .mr-l-largest, .mx-l-largest { margin-right: 100px !important; } .mb-l-largest, .my-l-largest { margin-bottom: 100px !important; } .ml-l-largest, .mx-l-largest { margin-left: 100px !important; } .p-l-none { padding: 0 !important; } .pt-l-none, .py-l-none { padding-top: 0 !important; } .pr-l-none, .px-l-none { padding-right: 0 !important; } .pb-l-none, .py-l-none { padding-bottom: 0 !important; } .pl-l-none, .px-l-none { padding-left: 0 !important; } .p-l-min { padding: 5px !important; } .pt-l-min, .py-l-min { padding-top: 5px !important; } .pr-l-min, .px-l-min { padding-right: 5px !important; } .pb-l-min, .py-l-min { padding-bottom: 5px !important; } .pl-l-min, .px-l-min { padding-left: 5px !important; } .p-l-small { padding: 10px !important; } .pt-l-small, .py-l-small { padding-top: 10px !important; } .pr-l-small, .px-l-small { padding-right: 10px !important; } .pb-l-small, .py-l-small { padding-bottom: 10px !important; } .pl-l-small, .px-l-small { padding-left: 10px !important; } .p-l-default { padding: 15px !important; } .pt-l-default, .py-l-default { padding-top: 15px !important; } .pr-l-default, .px-l-default { padding-right: 15px !important; } .pb-l-default, .py-l-default { padding-bottom: 15px !important; } .pl-l-default, .px-l-default { padding-left: 15px !important; } .p-l-medium { padding: 28px !important; } .pt-l-medium, .py-l-medium { padding-top: 28px !important; } .pr-l-medium, .px-l-medium { padding-right: 28px !important; } .pb-l-medium, .py-l-medium { padding-bottom: 28px !important; } .pl-l-medium, .px-l-medium { padding-left: 28px !important; } .p-l-large { padding: 40px !important; } .pt-l-large, .py-l-large { padding-top: 40px !important; } .pr-l-large, .px-l-large { padding-right: 40px !important; } .pb-l-large, .py-l-large { padding-bottom: 40px !important; } .pl-l-large, .px-l-large { padding-left: 40px !important; } .p-l-larger { padding: 75px !important; } .pt-l-larger, .py-l-larger { padding-top: 75px !important; } .pr-l-larger, .px-l-larger { padding-right: 75px !important; } .pb-l-larger, .py-l-larger { padding-bottom: 75px !important; } .pl-l-larger, .px-l-larger { padding-left: 75px !important; } .p-l-largest { padding: 100px !important; } .pt-l-largest, .py-l-largest { padding-top: 100px !important; } .pr-l-largest, .px-l-largest { padding-right: 100px !important; } .pb-l-largest, .py-l-largest { padding-bottom: 100px !important; } .pl-l-largest, .px-l-largest { padding-left: 100px !important; } .m-l-auto { margin: auto !important; } .mt-l-auto, .my-l-auto { margin-top: auto !important; } .mr-l-auto, .mx-l-auto { margin-right: auto !important; } .mb-l-auto, .my-l-auto { margin-bottom: auto !important; } .ml-l-auto, .mx-l-auto { margin-left: auto !important; } } @media all and (min-width: 80em){ .m-xl-none { margin: 0 !important; } .mt-xl-none, .my-xl-none { margin-top: 0 !important; } .mr-xl-none, .mx-xl-none { margin-right: 0 !important; } .mb-xl-none, .my-xl-none { margin-bottom: 0 !important; } .ml-xl-none, .mx-xl-none { margin-left: 0 !important; } .m-xl-min { margin: 5px !important; } .mt-xl-min, .my-xl-min { margin-top: 5px !important; } .mr-xl-min, .mx-xl-min { margin-right: 5px !important; } .mb-xl-min, .my-xl-min { margin-bottom: 5px !important; } .ml-xl-min, .mx-xl-min { margin-left: 5px !important; } .m-xl-small { margin: 10px !important; } .mt-xl-small, .my-xl-small { margin-top: 10px !important; } .mr-xl-small, .mx-xl-small { margin-right: 10px !important; } .mb-xl-small, .my-xl-small { margin-bottom: 10px !important; } .ml-xl-small, .mx-xl-small { margin-left: 10px !important; } .m-xl-default { margin: 15px !important; } .mt-xl-default, .my-xl-default { margin-top: 15px !important; } .mr-xl-default, .mx-xl-default { margin-right: 15px !important; } .mb-xl-default, .my-xl-default { margin-bottom: 15px !important; } .ml-xl-default, .mx-xl-default { margin-left: 15px !important; } .m-xl-medium { margin: 28px !important; } .mt-xl-medium, .my-xl-medium { margin-top: 28px !important; } .mr-xl-medium, .mx-xl-medium { margin-right: 28px !important; } .mb-xl-medium, .my-xl-medium { margin-bottom: 28px !important; } .ml-xl-medium, .mx-xl-medium { margin-left: 28px !important; } .m-xl-large { margin: 40px !important; } .mt-xl-large, .my-xl-large { margin-top: 40px !important; } .mr-xl-large, .mx-xl-large { margin-right: 40px !important; } .mb-xl-large, .my-xl-large { margin-bottom: 40px !important; } .ml-xl-large, .mx-xl-large { margin-left: 40px !important; }.m-s-larger { margin: 75px !important; } .mt-xl-larger, .my-xl-larger { margin-top: 75px !important; } .mr-xl-larger, .mx-xl-larger { margin-right: 75px !important; } .mb-xl-larger, .my-xl-larger { margin-bottom: 75px !important; } .ml-xl-larger, .mx-xl-larger { margin-left: 75px !important; } .m-xl-largest { margin: 100px !important; } .mt-xl-largest, .my-xl-largest { margin-top: 100px !important; } .mr-xl-largest, .mx-xl-largest { margin-right: 100px !important; } .mb-xl-largest, .my-xl-largest { margin-bottom: 100px !important; } .ml-xl-largest, .mx-xl-largest { margin-left: 100px !important; } .p-xl-none { padding: 0 !important; } .pt-xl-none, .py-xl-none { padding-top: 0 !important; } .pr-xl-none, .px-xl-none { padding-right: 0 !important; } .pb-xl-none, .py-xl-none { padding-bottom: 0 !important; } .pl-xl-none, .px-xl-none { padding-left: 0 !important; } .p-xl-min { padding: 5px !important; } .pt-xl-min, .py-xl-min { padding-top: 5px !important; } .pr-xl-min, .px-xl-min { padding-right: 5px !important; } .pb-xl-min, .py-xl-min { padding-bottom: 5px !important; } .pl-xl-min, .px-xl-min { padding-left: 5px !important; } .p-xl-small { padding: 10px !important; } .pt-xl-small, .py-xl-small { padding-top: 10px !important; } .pr-xl-small, .px-xl-small { padding-right: 10px !important; } .pb-xl-small, .py-xl-small { padding-bottom: 10px !important; } .pl-xl-small, .px-xl-small { padding-left: 10px !important; } .p-xl-default { padding: 15px !important; } .pt-xl-default, .py-xl-default { padding-top: 15px !important; } .pr-xl-default, .px-xl-default { padding-right: 15px !important; } .pb-xl-default, .py-xl-default { padding-bottom: 15px !important; } .pl-xl-default, .px-xl-default { padding-left: 15px !important; } .p-xl-medium { padding: 28px !important; } .pt-xl-medium, .py-xl-medium { padding-top: 28px !important; } .pr-xl-medium, .px-xl-medium { padding-right: 28px !important; } .pb-xl-medium, .py-xl-medium { padding-bottom: 28px !important; } .pl-xl-medium, .px-xl-medium { padding-left: 28px !important; } .p-xl-large { padding: 40px !important; } .pt-xl-large, .py-xl-large { padding-top: 40px !important; } .pr-xl-large, .px-xl-large { padding-right: 40px !important; } .pb-xl-large, .py-xl-large { padding-bottom: 40px !important; } .pl-xl-large, .px-xl-large { padding-left: 40px !important; } .p-xl-larger { padding: 75px !important; } .pt-xl-larger, .py-xl-larger { padding-top: 75px !important; } .pr-xl-larger, .px-xl-larger { padding-right: 75px !important; } .pb-xl-larger, .py-xl-larger { padding-bottom: 75px !important; } .pl-xl-larger, .px-xl-larger { padding-left: 75px !important; } .p-xl-largest { padding: 100px !important; } .pt-xl-largest, .py-xl-largest { padding-top: 100px !important; } .pr-xl-largest, .px-xl-largest { padding-right: 100px !important; } .pb-xl-largest, .py-xl-largest { padding-bottom: 100px !important; } .pl-xl-largest, .px-xl-largest { padding-left: 100px !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } }
/* layout               [5086] */ @media screen, projection { .page { max-width: 1600px; padding: 0 15px; position: relative; margin:0 auto;} body.startPage .page{ } #dp-main{ } #dp-content .contentWrapper { padding: 0 0; } #dp-content .contentWrapper header.sectionheader { margin: 0 0 40px; } #dp-content .contentWrapper header.sectionheader h1,#dp-content .contentWrapper header.sectionheader .h1,#dp-content .contentWrapper header.sectionheader h2,#dp-content .contentWrapper header.sectionheader .h2,#dp-content .contentWrapper header.sectionheader h3,#dp-content .contentWrapper header.sectionheader .h3,#dp-content .contentWrapper header.sectionheader h4,#dp-content .contentWrapper header.sectionheader .h4,#dp-content .contentWrapper header.sectionheader h5,#dp-content .contentWrapper header.sectionheader .h5,#dp-content .contentWrapper header.sectionheader h6,#dp-content .contentWrapper header.sectionheader .h6 { margin: 0; } #dp-content .contentWrapper .contentItem header.articleHeader { margin: 0 0 28px; } #dp-content .contentWrapper .contentItem header.articleHeader h1,#dp-content .contentWrapper .contentItem header.articleHeader .h1,#dp-content .contentWrapper .contentItem header.articleHeader h2,#dp-content .contentWrapper .contentItem header.articleHeader .h2,#dp-content .contentWrapper .contentItem header.articleHeader h3,#dp-content .contentWrapper .contentItem header.articleHeader .h3,#dp-content .contentWrapper .contentItem header.articleHeader h4,#dp-content .contentWrapper .contentItem header.articleHeader .h4,#dp-content .contentWrapper .contentItem header.articleHeader h5,#dp-content .contentWrapper .contentItem header.articleHeader .h5,#dp-content .contentWrapper .contentItem header.articleHeader h6,#dp-content .contentWrapper .contentItem header.articleHeader .h6 { margin: 0; } #dp-footer { background:rgb(204, 204, 204);padding:3em 0; } .dp-gallery { margin: 40px 0 0; } .dp-gallery .singleImage { margin-bottom: 10px; display: block; overflow: hidden; } .dp-gallery .singleImage .fullscreenImage { transition: all .5s; } .dp-gallery .singleImage:hover .fullscreenImage { -webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15); } .googleMapWrapper { position: relative; height: 0; padding-bottom: 50%; margin-bottom: 28px } .googleMapWrapper #googleMap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .googleMapWrapper img { max-width: none; } .dp-landingpage { position: relative; padding: 0!important; width: 100%; height: 100%; } .dp-landingpage .dp-landingpageBackground { width: 100%; height: 100%; } .dp-landingpage .dp-landingpageBackground .fullscreenImage { position: relative; width: 100%; height: 100%; filter: blur(0px); } .dp-landingpage .dp-landingpageBackground .fullscreenImage img { position:absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); } .dp-landingpage .dp-landingpageBackground .lp-mehr { position: absolute; top: 50%; left: 50%; width: 90%; height: 80%; max-width: 1280px; max-height: 720px; background: rgba(255,255,255,.95); overflow: hidden auto; -webkit-transform:scale(0) translate(-50%,-55%);-ms-transform:scale(0) translate(-50%,-55%);transform:scale(0) translate(-50%,-55%); font-size: 75%; } .dp-landingpage .dp-landingpageBackground .lp-mehr .sectionHeader { text-align: center; } .dp-landingpage .dp-landingpageBackground .lp-mehr h1 { margin-top: 1rem; font-family: 'Inter UI'; color: rgb(57, 57, 57); font-size: 1.5rem; } .dp-landingpage .dp-landingpageBackground .lp-menu { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100px; background: green; } .dp-landingpage .dp-landingpageBackground .lp-link { display: block; text-align: center; height: 100px; line-height: 100px; font-size: 1rem; color: white; white-space: nowrap; } .dp-landingpage .dp-landingpageBackground .lp-link:hover { color: black; } .dp-landingpage .dp-landingpageBackground.hasContent .lp-mehr { -webkit-transform:scale(1) translate(-50%,-55%);-ms-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%); } .dp-landingpage .dp-landingpageBackground.hasContent .fullscreenImage { filter: blur(15px); } .dp-landingpage .dp-landingpageBackground.hasContent .lp-contentactive { color: black; } } @media all and (min-width: 36em){ .dp-landingpage .dp-landingpageBackground .lp-mehr { font-size: 90%; } .dp-landingpage .dp-landingpageBackground .lp-mehr h1 { font-size: 2rem; } .dp-landingpage .dp-landingpageBackground .lp-link { font-size: 1.5rem; } } @media all and (min-width: 48em){ .page { padding: 0 40px; } #dp-content .contentWrapper { padding: 0 0; } } @media all and (min-width: 62em){ .dp-landingpage .dp-landingpageBackground .lp-mehr { font-size: 100%; } .dp-landingpage .dp-landingpageBackground .lp-mehr h1 { font-size: 3rem; } .dp-landingpage .dp-landingpageBackground .lp-link { font-size: 2rem; } } @media all and (min-width: 80em){ } @media all and (max-width: 80em){ .page.mobile-fullsize{ padding-left: 0!important; padding-right: 0!important; } }
/* content             [49326] */ @keyframes bounce { 0% { -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0); } 3% { -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0); } 10% { -webkit-transform:translate(-50%,20px);-ms-transform:translate(-50%,20px);transform:translate(-50%,20px); } 23% { -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0); } 33% { -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0); } } @keyframes bounce2 { 0% { -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0); } 50% { -webkit-transform:translate(-50%,10px);-ms-transform:translate(-50%,10px);transform:translate(-50%,10px); } 100% { -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0); } } @media all { body, table, input, textarea, button, select{ color: inherit; font-weight: inherit; } body{ background: #fff; line-height: 1.5; font-size: 16px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ margin: 0 0 15px; line-height: 1.2; font-weight: 700; display: block; } h4, .h4{ font-size: 1.125; } h5, .h5{ font-size: 1em; } h6, .h6{ font-size: .875em; } .text-right{ text-align: right; } .text-left{ text-align: left; } .text-center{ text-align: center; } .hyphens{ -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } h1, .h1 { font-family: Martel; font-size: 42px; font-weight:800; letter-spacing:-0.8px; color:rgb(33, 100, 176); } h2, .h2 { font-family: Martel; font-size: 36px; font-weight:800; letter-spacing:-0.4px; color:rgb(33, 100, 176); } h3, .h3 { font-family: Inter UI;font-size: 28px; font-weight:500; letter-spacing: 0.2px; color:rgb(17, 17, 17); margin:8px 0 12px 0; } .dlx-subtitle { font-family: Inter UI;font-size:14px; font-weight:400; letter-spacing: 0.6px; color:rgb(134, 134, 134);margin:1.33em 0 0.66em;} .dlx-introtitle{font-family: Inter UI;font-size:18px; font-weight:400; letter-spacing: 0.2px; color:rgb(115, 115, 115);} .dlx-button { font-family: Inter UI;font-size:14px; font-weight:700; letter-spacing: 1px; color:rgb(33, 100, 176); } #dp-main, body,.dlx-bodyText { font-family: Inter UI;font-size:18px; font-weight:400; letter-spacing: 0.4px; color:rgb(57, 57, 57); } .autocomplete-suggestions{ padding-bottom: 37px!important; background-color: #fff!important; background-image: url(../images/pbg.png)!important; background-repeat: no-repeat!important; background-position: right bottom!important; } a { color: #48c; text-decoration: none; cursor:pointer;} a:hover{ color: #48c; } .no-touch a[href^='tel:']{ cursor: default; color: rgb(51, 51, 51)!important; } a.morelink.dlx-button {line-height:1rem;display:inline-block;padding:.5rem .75rem .5rem 2rem;position:relative;} a.morelink.dlx-button::BEFORE {display:inline-block;vertical-align:text-top;font-size:1.6em;position:absolute;margin-top: 1px;margin-left: -6px; -webkit-transform:translate(0,-50%) rotate(0.001deg);-ms-transform:translate(0,-50%) rotate(0.001deg);transform:translate(0,-50%) rotate(0.001deg); left: .75rem;top:50%; line-height: 1em;} a.morelink.dlx-button:not(.textlink):hover {background:rgb(211, 224, 239);} a.morelink.dlx-button.color-white { color: #fff!important; } a.morelink.dlx-button.color-white:hover { color: #fff!important; background: rgba(0,0,0,.1)!important; } a.dlx-button-switch span {display:inline-block;vertical-align: middle;} a.dlx-button-switch::AFTER {display:inline-block;vertical-align: middle;content:"";width:40px;height:24px;margin-left:0.5em; background-image:url("../images/switch-off.png");} a.dlx-button-switch.active::AFTER {background-image:url("../images/switch-on.png");} .dlx-button.white {color:white;border-color:white;} .dlx-button.white:hover {background:white;color:black;} .dlx-button.inverted {color:white;background:rgb(33, 100, 176);} .dlx-button.inverted:hover {background:#1a508d;} a.textlink span {display:inline-block;position: relative;} a.textlink span::AFTER {content:"\2588";font-size:500px;position:absolute;left:50%;right:50%;bottom:-4px;overflow:hidden; height:2px;transition:left 1s, right 1s, background 1s,opacity 1s;color:inherit;opacity:0;} a.textlink:hover span::AFTER {left:0%;right:0%;transition:left 0.33s, right 0.33s, opacity 0.33s;opacity:1;} .contentLink a, .dp-userbutton a, button,a.button, input[type='submit'], .dlx-editorbutton a { font-size: .875em; padding: 5px 10px; background: rgb(33, 100, 176); color: #fff; margin-right: 10px; display: inline-block; } .contentLink a:hover, .dp-userbutton a:hover, button:hover, input[type='submit']:hover, .dlx-editorbutton a:hover { background: #48c; color: #fff; } button ,a.button {background:transparent;border:2px solid rgb(33, 100, 176);color: rgb(33, 100, 176); font-size:14px; font-weight:700; letter-spacing: 1px; } button:hover,a.button:hover {background:rgb(33, 100, 176);color:white;} button.-big,a.button.-big {padding:1em 6em;} .dlx-iconbutton { height: 100%; padding: 1rem 1.25rem; background: rgb(33, 100, 176); color: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; } .dlx-iconbutton .dlx-iconbutton-title { font-size: 18px; margin: 0; } .dlx-iconbutton .dlx-iconbutton-subtitle { font-size: 14px; margin: .25rem 0 0; } .dlx-iconbutton * { color: #fff; } .dlx-iconbutton > .cols { align-items: center; width: 100%; } .dlx-iconbutton:hover { background: #1a508d; } .dlx-iconbutton:hover * { color: #fff; } .dlx-greybox ,.dlx-greyboxmin { padding: 1rem 2rem; background: rgb(204, 204, 204); } .dlx-greybox > h3,.dlx-greyboxmin > h3 { font-family: Martel; font-size: 26px; } .dlx-greybox .dlx-greyboxmin-toggler,.dlx-greyboxmin .dlx-greyboxmin-toggler { text-align: center; } .dlx-greybox .dlx-greyboxmin-toggler a,.dlx-greyboxmin .dlx-greyboxmin-toggler a { color: rgb(51, 51, 51); } .dlx-greybox .dlx-greyboxmin-toggler a:hover,.dlx-greyboxmin .dlx-greyboxmin-toggler a:hover { color: rgb(0, 0, 0); } .dlx-greybox .dlx-greyboxmin-toggler svg,.dlx-greyboxmin .dlx-greyboxmin-toggler svg { width: 2rem; height: 2rem; } .dlx-greybox .dlx-greyboxmin-hidden,.dlx-greyboxmin .dlx-greyboxmin-hidden { display: none; } .medium { display: inline-block; } .medium img { vertical-align: bottom; } .mediumleft { margin: 0 1em 0.25em 0; float: left; } .mediumright { margin: 0 0 0.25em 1em; float: right; } .mediumcenter { margin: 0.5em 0; width: 100%; } .mediumcenter img { margin: 0 auto 0; display: block; } .mediumHintergrund { color: #666; background: #efefef; font-size: .825em; padding: .25em .625em; display: block; } .mediumcenter .mediumHintergrund { margin: 0 auto; } .mediumBeschriftung { text-align: left; padding: .25em 0; display: block; } .mediumCopyright { text-align: left; font-weight: bold; font-size: .825em; padding: .25em 0; display: block; } .dp-pagination a { font-size: 1em; border-radius: 3px; padding: .5em .125em; min-width: 2em; text-align: center; line-height: 1em; border: 2px solid #48c; color: #48c; background: #fff; margin-right: 5px; display: inline-block; } .dp-pagination a:hover,.dp-pagination a.current { color: #fff; background: #48c; } [data-tooltip]{ position: relative; } [data-tooltip]:before, [data-tooltip]:after{ z-index: 1000; visibility: hidden; font-size: 12px; line-height: 1em; position: absolute; bottom: 100%; left: 50%; color: #fff; white-space: nowrap; opacity: 0; -webkit-transform:translate(-50%,-10px);-ms-transform:translate(-50%,-10px);transform:translate(-50%,-10px); transition: all .25s; } [data-tooltip]:before{ margin-bottom: 5px; width: 0;height: 0;border-style: solid;border-width: 7px 7px 0 7px; border-color: rgba(0,0,0,.666) transparent transparent transparent; content: ""; } [data-tooltip]:after{ font-weight: 700; margin-bottom: 12px; content: attr(data-tooltip); background: rgba(0,0,0,.666); padding: 10px; border-radius: 3px; } [data-tooltip]:hover:before, [data-tooltip]:hover:after{ opacity: 1; visibility: visible; -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0); } #cookienotice{ z-index: 9998; position: fixed; bottom: 0; right: 0; left: 0; text-align: center; padding: .5em; font-size: 12px; background: rgb(76, 76, 76); color: #fff; } #cookienotice span{ display: inline-block; padding: .25em; } #cookienotice a{ color: #fff; display: inline-block; margin-left: .25em; padding: .25em .75em; background: rgba(0,0,0,.25); -webkit-border-radius: 4px; border-radius: 4px; } #cookienotice a:hover{ background: rgba(0,0,0,.5); } .dp-contentListItems {transition: opacity 0.25s;} .dp-contentListItems::AFTER {content:"↻";position:absolute;top:90px;left:50%;margin-left:-10000px; -webkit-transform:translateX(-50%) rotate(0deg);-ms-transform:translateX(-50%) rotate(0deg);transform:translateX(-50%) rotate(0deg);font-size:50px;opacity:0; transition: transform 50s linear 0.25s; } .dp-contentListItems.ajax-loading-overlay::AFTER {display:block;-webkit-transform:translateX(-50%) rotate(60000deg);-ms-transform:translateX(-50%) rotate(60000deg);transform:translateX(-50%) rotate(60000deg);margin-left:0;opacity:1; transition: transform 50s, opacity 0.25s;} .ajax-loading-overlay {opacity:0.25;} body.startPage {height:100%;padding-top:450px;padding-top:100vh;} body.startPage .dp-dlx-startseite-outer {width:100%;height:100vh;min-height:450px;position:absolute;left:0;top:0;} body.startPage .dp-dlx-startseite-outer .dp-dlx-start-logo { z-index: 30; position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width: 66.6%;width: 300px; } body.startPage .dp-dlx-startseite-outer .dp-dlx-start-overlay { z-index: 10; position: absolute; bottom: 0; left: 0; right: 0; height: 33%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); } body.startPage .dp-dlx-startseite-outer .dp-dlx-start-konfilink { z-index: 20;position:absolute;left:50%;bottom:40%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); font-size: 14px; text-shadow: 0 0 3px rgba(0,0,0,.7); font-weight:bold;color:white;transition:none; padding: .5rem 2.5rem; line-height: 1.25; transition: all .25s; border: 2px solid #fff; } body.startPage .dp-dlx-startseite-outer .dp-dlx-start-konfilink:hover { background: #fff; color: rgb(33, 100, 176); text-shadow: none; } body.startPage .dp-dlx-startseite-outer .dp-dlx-start-scrollDownLink { z-index: 20;position:absolute;left:50%;bottom:5%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%); font-size: 14px; text-shadow: 0 0 3px rgba(0,0,0,.7); font-weight:bold;color:white;transition:none;text-align: center; width: 100%; padding: 0 15px 1rem; line-height: 1.25; animation: bounce 5s ;animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);animation-iteration-count: infinite;animation-delay:5s; } body.startPage .dp-dlx-startseite-outer .dp-dlx-start-scrollDownLink::AFTER {content:"";display:block;background-image:url("../images/start-down.png");width:10px;height:5px;position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);} body.startPage .dp-dlx-startseite-outer .dp-dlx-video-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } body.startPage .dp-dlx-startseite-outer .dp-dlx-video-background video { -webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); position: absolute; top: 50%; left: 50%; min-width: 100vw; min-height: 100vh; width: auto; height: auto; z-index: 1; } body.startPage.dia-3{ padding-top: 0; } body.subPage{ padding-top: 60px; } .shareBar {margin-top:1em;} .shareBar a {font-size:150%;font-weight:100;display:inline-block;margin-right:1em;color:rgb(33, 100, 176);} .contentWrapper .weiterLink { padding: 0 15% 1rem 0; text-align: right; } .contentWrapper .weiterLink a { position: relative; display: inline-block; padding-left: 30px; } .contentWrapper .weiterLink a::BEFORE { display:inline-block;vertical-align:text-top;font-size:1.6em;position:absolute;margin-top: 2px;margin-left: 5px; -webkit-transform:translate(0,-50%) rotate(0.001deg);-ms-transform:translate(0,-50%) rotate(0.001deg);transform:translate(0,-50%) rotate(0.001deg); left: 0;top:50%; line-height: 1em;} .dp-dlx-backToTop-wrapper{ text-align: center; margin: -28px 0 40px; } .dp-dlx-backToTop { padding-top: 10px; font-size:14px; font-weight:bold; color: rgb(33, 100, 176)!important; position: relative; } .dp-dlx-backToTop::BEFORE { position: absolute; top: 0; left: 50%; margin-left: -5px; width: 0;height: 0;border-style: solid;border-width: 0 5px 5px 5px;border-color: transparent transparent rgb(33, 100, 176) transparent; content: "";} .dp-dlx-backToTop:hover { text-decoration: none!important; } .contentSearchresults .contentItem{ margin: 3rem 0; padding: 3rem 0 0; border-top: 2px solid rgb(223, 228, 230); } .dlx-inhalte {overflow:hidden;} .dlx-inhalte .dlx-inhalte-newsdate {margin:1.33em 0 0.66em; } .dlx-inhalte .contentItem {margin-bottom:70px;} .dlx-inhalte a.dlx-button {margin-left:-0.75em;} .dp-dlx-inhalteListe-bereichsBild {position:relative; width: calc( 100% + 40px );height:720px;margin:0 0 75px -40px;background-size: cover;background-position: center;} .dp-dlx-inhalteListe-bereichsBild .sectionHeader {position:absolute;left:0px;bottom:0;padding:0.75em 200px 0.25em calc( 1em + 90px ); background:white;} .dp-dlx-inhalteListe-bereichsBild .sectionHeader h1 {margin:0;} .dp-dlx-inhalteDetails-bereichsBild {overflow:hidden;position:relative; width: 100%;height:320px;margin:0 0 75px 0;background-size: cover;background-position: center;} .dp-dlx-inhalteDetails-bereichsBild .page,.dp-dlx-inhalteDetails-bereichsBild .dlx-blockspacing-right { height: 100%; } .dp-dlx-inhalteDetails-bereichsBild .fullscreenImage { width: 100%; height: 100%; position: relative; } .dp-dlx-inhalteDetails-bereichsBild + .page{ margin-bottom: 75px; } .dp-dlx-inhalteDetails-header {position:relative;margin-top:-160px; min-height: 90px; padding-top:1.5rem; padding-bottom:.5em; background:white;max-width:85%;z-index:1;position: relative;} .dp-dlx-inhalteDetails-header::after{ content: ""; position: absolute; top: 0; bottom: 0; right: 100%; width: 100%; background: #fff; } .dp-dlx-inhalteDetails-header { padding-right: .5rem; } .dp-dlx-inhalteDetails-header .icon-icn-share { font-size: 2rem; color: rgb(33, 100, 176); } .dp-dlx-inhalteDetails-header h1,.dp-dlx-inhalteDetails-header h2,.dp-dlx-inhalteDetails-header h3,.dp-dlx-inhalteDetails-header h4,.dp-dlx-inhalteDetails-header h5,.dp-dlx-inhalteDetails-header h6 {margin:0;hyphens: auto;} .dp-dlx-inhalteDetails-backLink {position: absolute !important; bottom: 100%; left: 2rem; margin-bottom: .5rem; text-shadow: 0 0 15px rgba(0,0,0,.5); background: rgba(0,0,0,.2); } .contentItemOuter .dlx-block:first-of-type {margin-top:2em;} .dlx-po-pager ,.dlx-pd-pager {position:fixed;left:50%;top:5px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#fff;} .dlx-po-pager.format-dots a,.dlx-pd-pager.format-dots a {display:inline-block;position:relative;width:30px;height:30px;} .dlx-po-pager.format-dots a::AFTER,.dlx-pd-pager.format-dots a::AFTER {content:"";display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:8px;height:8px;border-radius:10px;background:rgb(153, 153, 153);} .dlx-po-pager.format-dots a[data-title]:hover::BEFORE,.dlx-pd-pager.format-dots a[data-title]:hover::BEFORE {display:block;content:attr(data-title);position:absolute;left:50%;top:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);color:rgb(153, 153, 153); font-size:70%;white-space: nowrap;} .dlx-po-pager.format-text a,.dlx-pd-pager.format-text a {display:inline-block;position:relative;margin:0 1.5em;font-size:90%;color:rgb(153, 153, 153);} .dlx-po-pager.format-text a.active,.dlx-pd-pager.format-text a.active {color:rgb(33, 100, 176);} .dlx-po-pager a:hover::AFTER,.dlx-po-pager a.active::AFTER,.dlx-pd-pager a:hover::AFTER,.dlx-pd-pager a.active::AFTER {background:rgb(33, 100, 176);} .dlx-pd-pager {position:absolute;top:0;left:44%;right:0;text-align:center;background:white;-webkit-transform:none;-ms-transform:none;transform:none;} .dlx-productOverview .dlx-po-headCnt {margin:0 0 3em 0;color:rgb(153, 153, 153);} .dlx-productOverview .dlx-po-collHeader {position:relative;margin:2rem 0 3rem;padding-bottom:0.33em;} .dlx-productOverview .dlx-po-collHeader h3 {margin:0;} .dlx-productOverview .dlx-po-slider {margin:3em -25%; position: relative; } .dlx-productOverview .dlx-po-slider .swiper-slide .fullscreenImage { opacity: .5; transition: all .5s; } .dlx-productOverview .dlx-po-slider .swiper-slide-active .fullscreenImage { opacity: 1; } .dlx-productOverview .dlx-po-slider .swipe-overlay-next,.dlx-productOverview .dlx-po-slider .swipe-overlay-prev { display: none; } .dlx-productOverview:not(.dlx-po-showArticles) .dlx-po-collArticles {display:none;} .dlx-productOverview .dlx-po-collSubGroup { padding: 1rem 0; } .dlx-productOverview .dlx-po-collSubGroup .dlx-introtitle {margin-bottom:0.5em;} .dlx-productOverview .dlx-po-collSubGroup .dlx-po-csg-item {position:relative;margin:0 0 1em 0;} .dlx-productOverview .dlx-po-collSubGroup .dlx-po-csg-item .dlx-po-csg-overlay {position:absolute;left:0;top:0;bottom:0;right:0;opacity: 0;transition:all 0.33s;} .dlx-productOverview .dlx-po-collSubGroup .dlx-po-csg-item .dlx-po-csg-overlay .dlx-po-csg-overlay-bg {position:absolute;left:0;top:0;bottom:0;right:0;z-index:1;opacity:0.5;} .dlx-productOverview .dlx-po-collSubGroup .dlx-po-csg-item .dlx-po-csg-overlay > a { display: block; } .dlx-productOverview .dlx-po-collSubGroup .dlx-po-csg-item .dlx-po-csg-overlay .dlx-po-csg-overlay-bottom {pointer-events:none;position:absolute;left:0;bottom:0;right:0;padding:1em;color:white;} .dlx-productOverview .dlx-po-collSubGroup .dlx-po-csg-item .dlx-po-csg-overlay .dlx-po-csg-overlay-bottom .dlx-po-csg-overlay-title {position:relative;margin-bottom:0.5em;z-index:2;pointer-events:none;} .dlx-productOverview .dlx-po-collSubGroup .dlx-po-csg-item .dlx-po-csg-overlay .dlx-po-csg-overlay-bottom a { pointer-events: auto; } .dlx-productOverview .dlx-po-collSubGroup .dlx-po-csg-item:hover .dlx-po-csg-overlay {opacity:1;} .dlx-productOverview .dlx-po-collSubGroup .dlx-po-csg-item a.dlx-po-csg-konfButton {position:relative;z-index:2;} .dlx-productOverview .dlx-po-fam-buttons {margin:3em 0 0;} .dlx-productOverview .dlx-po-fam-buttons a.dlx-po-fam-yt-button {display:inline-block;color:inherit;text-align:center;transition:all 0.33s;} .dlx-productOverview .dlx-po-fam-buttons a.dlx-po-fam-yt-button:hover>.-image>img {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .dlx-productOverview .dlx-po-fam-buttons a.dlx-po-fam-yt-button:hover>.-name {color:#666;} .dlx-productOverview .dlx-po-fam-buttons a.dlx-po-fam-yt-button >.-image>img {transition:all 0.33s;} .dlx-productOverview .dlx-po-fam-buttons a.dlx-po-fam-yt-button >.-name {margin-top:0.25em;transition:all 0.33s;} .dlx-detailslist li { padding-left: 30px; margin: .75rem 0 0; position: relative; } .dlx-detailslist li:last-child { margin-bottom: 0; } .dlx-detailslist li::after { position: absolute; top: .625em; left: 0; width: 1em; height: 2px; background: rgb(153, 153, 153); content: ""; } .dlx-productFamily .dlx-pf-slider { margin: 3rem 0 1rem; position: relative; } .dlx-productFamily .dlx-pf-tabs { position: relative; z-index: 2; margin: 5rem 0 0; } .dlx-productFamily .dlx-pf-tabs ul { overflow: hidden; } .dlx-productFamily .dlx-pf-tabs li { float: left; width: 50%; text-align: center; } .dlx-productFamily .dlx-pf-tabs a { color: rgb(33, 100, 176); font-size: .875rem; display: block; padding: .25rem .75rem; border-bottom: 3px solid transparent; color: #000; } .dlx-productFamily .dlx-pf-tabs li:hover a { border-bottom-color: #fff; } .dlx-productFamily .dlx-pf-tabs li.current a { border-bottom-color: rgb(33, 100, 176); } .dlx-productFamily .tabs-content > div { padding: 1.5rem 0 5rem; } .dlx-productDetails .dlx-pd-sli-image { position: relative; } .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner {position:relative;background:rgb(231, 234, 235); margin: 0 -15px;} .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner header {position:relative;padding:1rem 15px;background:inherit;z-index:10;} .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner header h3 {margin:3rem 0 0.2em;} .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner header .dlx-button {margin-left:-0.75em;} .dlx-productDetails .dlx-pd-contentMain { padding-top: 3rem; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-blockhasmargin { margin: 11em 0; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-blockhasmargin .dlx-pd-blocktitle { margin: 0 0 1.5rem; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-introblock { margin: 0 0 2.5rem; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-tasks .task-row { margin: 0 0 1rem; padding: 0 0 1rem; border-bottom: 1px solid rgb(223, 228, 230); } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-tasks .task-row:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-tasks label { color: rgb(153, 153, 153); margin: .25rem 0; display: inline-block; font-size: 14px; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-tasks .dlx-pd-fhsuche { margin-right: 10px; max-width: 460px; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-awards { overflow: hidden; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-awards .dlx-pd-single-award { display: inline-block; margin: 0 2rem 1rem 0; float: left; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-awards .dlx-pd-single-award img { height: 65px; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-downloads .dlx-pd-download-cat { margin: 1.5rem 0 -.5rem; display: block; color: rgb(51, 51, 51); padding-bottom: .5rem; border-bottom: 1px solid rgb(218, 225, 227); } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-downloads .dlx-pd-download-cat i { vertical-align: text-top; transition: all .25s; display: inline-block; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-downloads .dlx-pd-download-cat.current i { -webkit-transform:rotate(90deg) translate(-3px, 0);-ms-transform:rotate(90deg) translate(-3px, 0);transform:rotate(90deg) translate(-3px, 0); } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-downloads .dlx-pd-downloaditem { overflow: hidden; padding: 15px; background: rgb(153, 153, 153); display: block; position: relative; height: 100%; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-downloads .dlx-pd-downloaditem * { color: #fff; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-downloads .dlx-pd-downloaditem .download-fileinfo { font-size: 14px; margin: .25rem 0 .5rem; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-downloads .dlx-pd-downloaditem .download-button { font-size: 14px; font-weight: 700; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-downloads .dlx-pd-downloaditem .download-button i { font-size: 1.25rem; vertical-align: middle; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-downloads .dlx-pd-downloaditem:hover { background: rgb(76, 76, 76); } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-tabs { position: relative; z-index: 2; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-tabs ul { overflow: hidden; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-tabs li { float: left; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-tabs a { font-size: .875rem; display: block; padding: .25rem .75rem; border-bottom: 3px solid transparent; color: #000; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-tabs li:hover a { border-bottom-color: rgb(153, 153, 153); color: #000; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-tabs li.current a { border-bottom-color: rgb(33, 100, 176); } .dlx-productDetails .dlx-pd-contentMain .tabs-content { -webkit-transform:translate(0, -3px);-ms-transform:translate(0, -3px);transform:translate(0, -3px); border-top: 3px solid rgb(223, 228, 230); } .dlx-productDetails .dlx-pd-contentMain .tabs-content > div { padding: 0 1.5rem 1.5rem; background: rgb(231, 234, 235); } .dlx-productDetails .dlx-pd-functions {margin:5em 0 3em 0;} .dlx-productDetails .dlx-pd-functions .image {width:50%;margin:0 auto;margin-bottom:0.25em;} .dlx-productDetails .dlx-pd-functions .title { text-align:center;color: rgb(153, 153, 153); font-size: 14px; } .dlx-swiper-image-text{ z-index:9; position:absolute; left:0; bottom:0; padding:1em; padding-right: 150px; right: 0; color:#fff; font-size: .7rem; } .dlx-swiper-coner-pagination-bg{ position: absolute; bottom: 0; left: 0; right: 0; height: 7rem; z-index: 6; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); } .dlx-swiper-corner-pagination { position: absolute; bottom: 1rem; right: 1rem; } .dlx-swiper-corner-pagination .pagination-row { overflow: hidden; height: 2rem; position: relative; width: 120px; color: #fff; } .dlx-swiper-corner-pagination .swiper-button-prev,.dlx-swiper-corner-pagination .swiper-button-next { position: relative; margin: 0; background: none; height: auto; width: auto; top: auto; left: auto; bottom: auto; right: auto; } .dlx-swiper-corner-pagination .swiper-button-prev { float: left; } .dlx-swiper-corner-pagination .swiper-button-next { float: right; } .d-none{ display: none!important; } .d-block{ display: block!important; } .d-inlineblock{ display: inline-block!important; } .d-inline{ display: inline!important; } .autocomplete-suggestions { text-align: left; cursor: default; border: 1px solid rgb(216, 223, 225); border-top: 0; background: #fff; position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; } .autocomplete-suggestion { position: relative; padding: .5rem .625rem; font-size: .825rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .autocomplete-suggestion b { font-weight: normal; color: rgb(33, 100, 176); } .autocomplete-suggestion.selected { background: #f0f0f0; } .dlx-po-filterPanel {width: 100%;z-index:999;background:#fff;} .dlx-po-filterPanel.fold .dlx-po-fp-content {display:none;} .dlx-po-filterPanel .dlx-po-pager {position:relative;text-align:center;top:0;} .dlx-po-filterPanel .dlx-po-fp-toggler { top: 0; left: 0; right: 0; position:absolute;display:inline-block;background: rgb(218, 225, 227);color:rgb(33, 100, 176);padding:2px 16px;z-index:4;} .dlx-po-filterPanel .dlx-po-fp-toggler .dlx-po-fp-text {font-size:85%;} .dlx-po-filterPanel .dlx-po-fp-toggler .dlx-po-fp-arrow {display:inline-block;line-height:20px;font-size:140%;vertical-align: middle; -webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);transition:transform 0.25s;} .dlx-po-filterPanel.fold .dlx-po-fp-arrow {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);} .dlx-po-filterPanel .dlx-po-fp-content {background:rgb(231, 234, 235);} .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-navi {font-size:80%;padding:10px 0 20px;font-weight:bold;} .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-navi ul,.dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-navi li {list-style: none;margin:0;padding:0;} .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-navi li,.dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-navi li a {display:inline-block;color:rgb(153, 153, 153);} .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-navi li:not(:first-child)::BEFORE {content:" / ";color:rgb(153, 153, 153);margin:0 2px;} .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-navi input[name=filterPanelTab] {display:none;} .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-navi input[name=filterPanelTab]:checked+a {color:rgb(33, 100, 176);} .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-filterValues { padding-bottom:20px; display:none; } .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-filterValues.active { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; flex-wrap: wrap; } .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-filterValues label.dlx-po-fp-filterEntry {display:block;background:transparent; overflow: hidden; cursor:pointer;transition:all 0.25s;} .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-filterValues label.dlx-po-fp-filterEntry .dlx-po-fp-filterThumb {display:block; width: 150px; max-width:90%;margin:10px auto 0; } .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-filterValues label.dlx-po-fp-filterEntry .dlx-po-fp-filterThumb:first-child { display: block!important; } .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-filterValues label.dlx-po-fp-filterEntry .dlx-po-fp-filterThumb:last-child { display: none; } .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-filterValues label.dlx-po-fp-filterEntry:hover {background:white;} .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-filterValues label.dlx-po-fp-filterEntry:hover .dlx-po-fp-filterThumb:first-child { display: none!important; } .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-filterValues label.dlx-po-fp-filterEntry:hover .dlx-po-fp-filterThumb:last-child { display: block!important; } .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-filterValues label.dlx-po-fp-filterEntry input[type=radio] {display:none;} .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-filterValues label.dlx-po-fp-filterEntry input[type=radio] +.dlx-po-fp-radio::AFTER {content:"";display:inline-block;width:12px;height:12px;transition:background 0.25s; background:transparent;border-radius:14px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-filterValues label.dlx-po-fp-filterEntry input[type=radio]:checked+.dlx-po-fp-radio::AFTER {background:rgb(55, 115, 183);} .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-filterValues label.dlx-po-fp-filterEntry .dlx-po-fp-radio {position:relative;display:inline-block;width:22px;height:22px;flex-shrink:0;flex-grow:0;margin: 0 5px 0 0;border:2px solid rgb(153, 153, 153);border-radius:24px;} .dlx-po-filterPanel .dlx-po-fp-content .dlx-po-fp-filterValues label.dlx-po-fp-filterEntry .dlx-po-fp-filterLabelTitle {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; justify-content: center; align-items: flex-start; padding: 10px; font-size: .825rem; } .dlx-po-fp-spacerTop {margin-top: 3em;} h3.dlx-pd-h3-space,h2.dlx-pd-h2-space {margin-top:4em;margin-bottom:0.75em;} .dlx-pd-imgBlock .dlx-pd-blockIcons { padding: 10px; position: absolute; top: 0; right: 0; z-index: 5; } .dlx-pd-imgBlock .dlx-pd-blockIcons .icon-upright {display:inline-block;width:32px;height:32px;background:rgba(255,255,255,0.8);border-radius:100px; text-align:center;line-height:31px;transition:all 0.25s;} .dlx-pd-imgBlock .dlx-pd-blockIcons .icon-upright:hover {-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);background:rgba(255,255,255,1);} .dlx-pd-imgBlock .dlx-pd-blockIcons .icon-upright::BEFORE {vertical-align: middle;color:rgb(33, 100, 176);font-size:24px;} .dlx-pd-rab-entry {margin-bottom:2em;} .dlx-pd-rab-entry .rounded { border-radius: 50%; overflow: hidden; } .dlx-pd-rab-entry .dlx-pd-rab-title {margin:0.5em 0;font-size:80%;text-align:center;} .dlx-pd-gb-entry {margin-bottom:2em;} .dlx-pd-gb-entry .dlx-pd-gb-title {margin:0.25em 0;} .dlx-pd-zb-entry {margin-bottom:2em;} .dlx-pd-zb-entry .dlx-pd-zb-title {margin:0.25em 0;} .dlx-pd-rb-entry {margin-bottom:2em;} .dlx-pd-rb-entry .dlx-pd-rb-title {margin:0.75em 0;} .dlx-sharer-popup-overlay{ opacity: 0; z-index: 99998; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255,255,255,.5); transition: opacity .5s; } .dlx-sharer-popup { padding: 15px 30px; width: 90%; max-width: 460px; text-align: center; box-shadow: 0 0 15px 0 rgba(0,0,0,.333); opacity: 0; margin-top: 30px; z-index: 99999; position: fixed; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); background: rgba(255,255,255,.95); transition: opacity .5s, margin .5s; transition-delay: .1s; } .dlx-sharer-popup a.dlx-sharer-popup-close { font-size: .625rem; font-weight: 700; display: inline-block; margin-bottom: 1rem; color: rgb(153, 153, 153); line-height: 1rem; } .dlx-sharer-popup a.dlx-sharer-popup-close i { vertical-align: middle; } .dlx-sharer-popup a.dlx-sharer-popup-close:hover { color: rgb(76, 76, 76); } .dlx-sharer-popup h1 { font-size: 1.25rem; margin: 0; border-bottom: 1px solid rgb(33, 100, 176); color: rgb(33, 100, 176); } .dlx-sharer-popup .dlx-social-items { margin-top: 1.5rem; } .dlx-sharer-popup .dlx-social-items a { display: inline-block; margin: 0 .75rem .5rem; color: rgb(76, 76, 76); max-width: 2em; } .dlx-sharer-popup .dlx-social-items a:hover { color: rgb(33, 100, 176); } .dlx-sharer-popup .dlx-social-items svg { height: 1.75rem; width: auto; } .dlx-sharer-popup-overlay.active{ opacity: 1; } .dlx-sharer-popup.active{ opacity: 1; margin-top: 0; } .dlx-search-results { max-width: 960px; } .dlx-search-results em {font-style: normal;} .dlx-search-results .dlx-search-result { font-size: 17px; color: #808080; border-bottom: 2px solid rgb(204, 204, 204); padding: .5rem 1rem; transition: all .25s; } .dlx-search-results * { transition: all .25s; } .dlx-search-results .dlx-search-result-title { color: rgb(33, 100, 176); } .dlx-search-results .dlx-search-result-meta { color: rgb(153, 153, 153); display: none; } .dlx-search-results .dlx-search-result-meta i { line-height: 1; } .dlx-search-results .dlx-search-result:hover { background: rgb(231, 234, 235); } .dlx-search-results .dlx-search-result:hover .dlx-search-result-title { color: rgb(33, 100, 176); } .dlx-search-results-products { max-width: 960px; } .dlx-search-results-products em {font-style: normal;} .dlx-search-results-products .dlx-block-collection-bigTile { position:relative;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex;flex-direction: column;} .dlx-search-results-products .dlx-block-collection-bigTile >.-overlay {background:rgb(153, 153, 153);padding:0.25em 1em 1em;transition: all .25s;min-height: 130px;} .dlx-search-results-products .dlx-block-collection-bigTile >.-overlay * {color:white;} .dlx-search-results-products .dlx-block-collection-bigTile >.-overlay .title { font-size: 1rem; margin: 0; } .dlx-search-results-products .dlx-block-collection-bigTile >.-overlay .title.title-lg { font-size: 1.5rem; } .dlx-search-results-products .dlx-block-collection-bigTile >.-overlay .subtitle { font-size: .75rem; margin: 0; } .dlx-search-results-products a:hover .dlx-block-collection-bigTile >.-overlay {background:rgb(33, 100, 176);} .dlx-fhitem-block-collection-bigTile { position:relative;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex;flex-direction: column;} .dlx-fhitem-block-collection-bigTile >.-overlay {background:rgb(153, 153, 153);padding:0.25em 1em 1em;transition: all .25s;min-height: 130px;} .dlx-fhitem-block-collection-bigTile >.-overlay * {color:white;} .dlx-fhitem-block-collection-bigTile >.-overlay .title { font-size: 1rem; margin: 0; } .dlx-fhitem-block-collection-bigTile >.-overlay .title.title-lg { font-size: 1.5rem; } .dlx-fhitem-block-collection-bigTile >.-overlay .subtitle { font-size: .75rem; margin: 0; } a:hover .dlx-fhitem-block-collection-bigTile >.-overlay {background:rgb(33, 100, 176);} .fh-js-togglelink .icon-icn-arrow-down {display:inline-block;transition: transform 0.5s;} .fh-js-togglelink.fh-js-item-open .icon-icn-arrow-down {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);} .dlx-debNoticeOuter {z-index:10001;display:inline-block;position:absolute;width:0;height:0;} .dlx-debNotice {z-index:10002;display:block;position:absolute;left:0;top:-12px;background:yellow; border:1px solid gray;font-size:11px;padding:0px 1px;opacity:0.25;cursor:help;white-space:nowrap;color:black;} .dlx-debNotice:hover {opacity:1;} #dlx-konf-overlay { text-align: center; z-index: 60; position: absolute; bottom: 66px; right: 50%; -webkit-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0); padding: .75rem; background: rgba(0,0,0,.85); border: 2px solid rgba(255,255,255,.25); box-shadow: 0 0 10px 0 rgba(0,0,0,.5); } #dlx-konf-overlay .dlx-konf-overlay-title { color: #fff; font-size: .875rem; margin: 0 0 .5rem; } #dlx-konf-overlay .dlx-konf-overlay-img-small { margin: 0; } #dlx-konf-overlay .dlx-konf-overlay-img-large { display: none; margin: 0; } #dlx-konf-overlay .dlx-konf-overlay-btn { display: none; margin: .75rem 0 0; } #dlx-konf-overlay .dlx-konf-overlay-btn span { color: #fff; line-height:1rem; display:inline-block; padding:.5rem 2rem; font-size: .875rem; border: 2px solid #fff; } #dlx-konf-overlay .dlx-konf-overlay-btn span:hover { background: #fff; color: rgb(33, 100, 176); } #dlx-konf-btn { transition: opacity .5s; position: fixed; bottom: 150px; right: 0; z-index: 60; } #dlx-konf-btn .dlx-konf-btn-state { position: absolute; top: 0; right: 0; display: inline-flex; border-radius: 13px 0 0 13px; align-items: center; padding: 13px 15px; box-shadow: 0 2px 4px rgba(0,0,0,.5); } #dlx-konf-btn .dlx-konf-btn-state i { width: 38px; height: 38px; cursor: pointer; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } #dlx-konf-btn .dlx-konf-btn-state a { font-weight: bold; color: rgb(17,17,17); padding: 0 15px 0 13px; font-size: 32px; line-height: 1em; font-weight: 500; letter-spacing: .2px; } #dlx-konf-btn .dlx-konf-btn-state.state-off { background: rgb(57,57,57); } #dlx-konf-btn .dlx-konf-btn-state.state-off i { background-image: url(../images/dlx-konf-btn-off.png?v=2); } #dlx-konf-btn .dlx-konf-btn-state.state-on { display: none; background: #fff; } #dlx-konf-btn .dlx-konf-btn-state.state-on i { background-image: url(../images/dlx-konf-btn-on.png?v=2); } #dlx-konf-btn.active .dlx-konf-btn-state.state-off { display: none; } #dlx-konf-btn.active .dlx-konf-btn-state.state-on { display: inline-flex; } #dlx-konf-btn.hidden { opacity: 0; } .blog-subheadline{ display: inline-block; color: rgb(33, 100, 176); padding: 10px 0 0; border-top: 1px solid rgb(33, 100, 176); } .blog-author { max-width: 320px; margin: 150px auto 75px; text-align: center; padding: .1em 1.5em; border: 2px solid rgb(33, 100, 176); border-top: none; border-bottom: none; } .blog-author .author-foto { max-width: 200px; margin: -100px auto 1em; border-radius: 50%; overflow: hidden; } .blog-author .author-name { font-size: 1em; } .blog-author .author-info { font-size: .75em; font-style: italic; } .blog-infobox { max-width: 320px; margin: 75px auto; text-align: center; } .blog-infobox .infobox-title { text-transform: uppercase; font-size: 1.25rem; padding: 1rem; background: rgb(25, 25, 25); color: #fff; } .blog-infobox .infobox-body { position: relative; padding: 1.5rem; text-align: center; background: rgb(223, 228, 230); } .blog-infobox .infobox-body > *:first-child { margin-top: 0; } .blog-infobox .infobox-body > *:last-child { margin-bottom: 0; } .blog-infobox .infobox-body::before { content: ""; position: absolute; top: -25px; left: 0; width: 0;height: 0;border-style: solid;border-width: 25px 0 25px 20px;border-color: transparent transparent transparent #fff; } .dlx-static-video-preview { transition: width .5s; display: block; background: #fff; width: 200px; position: fixed; bottom: 1rem; right: 1rem; border: 5px solid #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,.25); z-index: 10; } .dlx-static-video-preview.active { width: 90vw; } .dlx-static-video-preview #dlx-loadfixedvideo { display: block; position: relative; } .dlx-static-video-preview #dlx-loadfixedvideo .dlx-privacyinfo { z-index: 5; position: absolute; bottom: 6px; left: 6px; right: 6px; padding: .375em; font-size: .675rem; color: #fff; text-align: center; background: rgba(0,0,0,.666); } .dlx-static-video-preview #dlx-loadfixedvideo .dlx-videopreview::before,.dlx-static-video-preview #dlx-loadfixedvideo .dlx-videopreview::after { transition: all .2s; position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); content: ""; } .dlx-static-video-preview #dlx-loadfixedvideo .dlx-videopreview::before { z-index: 2; width: 40px; height: 40px; background: #fff; border-radius: 50%; box-shadow: 0 0 3px 0 rgba(0,0,0,.25); } .dlx-static-video-preview #dlx-loadfixedvideo .dlx-videopreview::after { z-index: 3; width: 0; height: 0; margin-left: 2px; border-style: solid; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent rgb(33, 100, 176); } .dlx-static-video-preview #dlx-loadfixedvideo .dlx-videopreview:hover::before { background: rgb(25, 25, 25); } .dlx-static-video-preview #dlx-loadfixedvideo .dlx-videopreview:hover::after { border-color: transparent transparent transparent #fff; } .dlx-static-video-preview #dlx-loadfixedvideo::before,.dlx-static-video-preview #dlx-loadfixedvideo::after,.dlx-static-video-preview #dlx-loadfixedvideo .dlx-privacyinfo + .dlx-videopreview::before,.dlx-static-video-preview #dlx-loadfixedvideo .dlx-privacyinfo + .dlx-videopreview::after { top: 45%; } .dlx-static-video-preview #dlx-videobox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } @media all and (max-width: 48em) and (max-height: 720px){ body.startPage .dp-dlx-startseite-outer.has-konflink .dp-dlx-start-logo { top:33%; } } @media all and (min-width: 36em){ .dlx-introtitle{font-size:20px;} h1, .h1{ font-size: 46px; } h2, .h2{ font-size: 40px; } h3, .h3{ font-size: 30px; } h4, .h4{ font-size: 1.125em; } h5, .h5{ font-size: 1.0625em; } h6, .h6{ font-size: 1em; } .text-right-s{ text-align: right; } .text-left-s{ text-align: left; } .text-center-s{ text-align: center; } .d-s-none{ display: none!important; } .d-s-block{ display: block!important; } .d-s-inlineblock{ display: inline-block!important; } .d-s-inline{ display: inline!important; } .dp-dlx-inhalteDetails-bereichsBild {height:420px;} .dlx-static-video-preview { width: 225px; } .dlx-static-video-preview.active { width: 350px; } } @media all and (min-width: 48em){ .text-right-m{ text-align: right; } .text-left-m{ text-align: left; } .text-center-m{ text-align: center; } .d-m-none{ display: none!important; } .d-m-block{ display: block!important; } .d-m-inlineblock{ display: inline-block!important; } .d-m-inline{ display: inline!important; } body.startPage .dp-dlx-startseite-outer .dp-dlx-start-scrollDownLink,body.startPage .dp-dlx-startseite-outer .dp-dlx-start-konfilink { font-size: 16px; } .dlx-inhalte .contentItem {margin-bottom:140px;} .dlx-productFamily .dlx-pf-tabs a { font-size: 1rem; } .dlx-greybox ,.dlx-greyboxmin { padding: 2rem 3rem; } .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner {margin: 0 -40px;} .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner header {padding:1rem 40px;} .dlx-productDetails .dlx-pd-contentMain .dlx-pd-tasks label { font-size: 16px; color: rgb(17, 17, 17); font-size: 1.25rem; margin: 0 0 .5em; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-tabs a { font-size: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; } .dp-dlx-inhalteDetails-header {max-width:66%;} .dp-dlx-inhalteDetails-bereichsBild {height:520px;} .dlx-twocolumns{ column-count: 2; column-gap: 2rem; } .dlx-sharer-popup { padding: 25px 50px; } .dlx-sharer-popup h1 { font-size: 2rem; } .dlx-sharer-popup .dlx-social-items svg { height: 2.5rem; } .dlx-search-results .dlx-search-result { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; justify-content: space-between; align-items: center; } .dlx-search-results .dlx-search-result-meta { text-align: right; display: block; } .dlx-swiper-image-text{ font-size: 1rem; padding-bottom: 25px; } #dlx-konf-overlay { bottom: 50%; right: 0; -webkit-transform:translate(0,50%);-ms-transform:translate(0,50%);transform:translate(0,50%); } #dlx-konf-overlay:hover { padding: 2.5rem; } #dlx-konf-overlay:hover .dlx-konf-overlay-img-small { display: none; } #dlx-konf-overlay:hover .dlx-konf-overlay-img-large { display: block; } #dlx-konf-overlay:hover .dlx-konf-overlay-btn { display: block; } } @media all and (min-width: 62em){ #cookienotice{ left: 160px; transition: left .25s; } .dp-mainMenu-closed #cookienotice{ left: 0; } .dlx-introtitle{font-size:22px;} .text-right-l{ text-align: right; } .text-left-l{ text-align: left; } .text-center-l{ text-align: center; } .d-l-none{ display: none!important; } .d-l-block{ display: block!important; } .d-l-inlineblock{ display: inline-block!important; } .d-l-inline{ display: inline!important; } body.subPage{ padding-top: 0; } .dlx-productOverview .dlx-po-slider .swipe-overlay-next,.dlx-productOverview .dlx-po-slider .swipe-overlay-prev { display: block; z-index: 15; cursor: pointer; background: #57b6b2; opacity: 0; visibility: hidden; transition: all .25s; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .dlx-productOverview .dlx-po-slider .swipe-overlay-next i,.dlx-productOverview .dlx-po-slider .swipe-overlay-prev i { top: 1rem; position: absolute; font-size: 5rem; color: #fff; } .dlx-productOverview .dlx-po-slider .swipe-overlay-next i { left: 1rem; } .dlx-productOverview .dlx-po-slider .swipe-overlay-prev i { right: 1rem; } .dlx-productOverview .dlx-po-slider .swiper-slide-next:hover .swipe-overlay-next,.dlx-productOverview .dlx-po-slider .swiper-slide-prev:hover .swipe-overlay-prev { opacity: .85; visibility: visible; } .dlx-productOverview .dlx-po-toCollection-outer {position:absolute;top:0;right:0;bottom:0;} .dlx-productOverview .dlx-po-collHeader .dlx-po-toCollection {position:absolute;right:0;bottom:6px;} .dp-dlx-inhalteDetails-bereichsBild {height:640px;} .dp-dlx-inhalteDetails-header { padding-right: 5rem; } .dp-dlx-inhalteDetails-header .icon-icn-share { position: absolute; top: 2rem; right: 1.5rem; } .dlx-po-filterPanel {position:sticky;left:0;top:0;} .dlx-po-filterPanel .dlx-po-fp-toggler { top: 0; left: auto; right: auto; } .dlx-static-video-preview { width: 275px; bottom: 2rem; right: 2rem; } .dlx-static-video-preview.active { width: 400px; } } @media all and (min-width: 80em){ h1, .h1{ font-size: 50px; } h2, .h2{ font-size: 44px; } h3, .h3{ font-size:32px; } h4, .h4{ font-size: 1.25em; } h5, .h5{ font-size: 1.125em; } #dlx-konf-overlay { position: fixed; } .dp-dlx-backToTop-wrapper:not(.product-page-fix){ margin: 0; position: absolute; top: 300px; right: 40px; } .text-right-xl{ text-align: right; } .text-left-xl{ text-align: left; } .text-center-xl{ text-align: center; } .d-xl-none{ display: none!important; } .d-xl-block{ display: block!important; } .d-xl-inlineblock{ display: inline-block!important; } .d-xl-inline{ display: inline!important; } .dlx-productDetails .dlx-pd-staticLeft {position:fixed;left:160px;right:0;top:0;z-index:5;height:0;transition: left .25s;} .dlx-productDetails .dlx-pd-staticLeft >.page {height:0;padding: 0;margin:0;} .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner {margin:0;width:44%;height:100vh;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex;flex-direction: column;} .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner header { padding-top: 0; } .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner header .dlx-button { position: absolute; top: 1rem; left: 40px; } .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner header h3 { margin-top: 4rem; } .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner .dlx-pd-sli-image {flex-grow:1;background: #fff;} .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner .dlx-pd-sli-image .swiper-container { position:absolute;left:0;width: 100%;height: 100%;top: 0; } .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner .dlx-pd-sli-image .fullscreenImage.format-1-1 { padding-bottom: 0; position:absolute;left:0;width: 100%;height: 100%;top: 0; } .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner .dlx-pd-sli-image .fullscreenImage.format-1-1.contain { -webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9); } .dlx-productDetails .dlx-pd-awards {margin-top:0;position:absolute;left:40px;top:-145px;} .dlx-productDetails .dlx-pd-functions {margin-top:0;} .dlx-productDetails .dlx-pd-contentMain {min-height:100vh; padding-top: 14rem;} .dlx-side-productDetails .page:not(.noReduction) {margin-left: 44%;} .dlx-side-productDetails .page.noReduction {max-width: none;} } @media all and (max-width: 90em){ .dp-dlx-inhalteDetails-bereichsBild .page,.dp-dlx-inhalteDetails-bereichsBild .dlx-blockspacing-right { padding-left: 0!important; padding-right: 0!important; } .contentWrapper .weiterLink { padding-right: 0; } } @media all and (min-width: 80em){ .dlx-introtitle{font-size:24px;} }
/* blocks               [9343] */ @media all { .dlx-block{ margin: 2rem 0; } .dlx-block-largespace{ margin: 4rem 0; } .startPage .dlx-block{ margin: 7rem 0!important; } .dlx-block-headline h1 {margin:120px 0;text-align: center; } .dlx-block-bigtext {overflow:hidden;} .dlx-block-bigtext .dlx-block-bigtext-inner {margin:100px 20%;text-align: center; } .dlx-block-bigtext a.button { font-size: 1.125rem; } .dlx-block-bigtext a.button:hover { background: rgba(0,0,0,.2); } .dlx-block-bereichsinhalte h2 { margin-bottom: 2rem; } .dlx-block-bereichsinhalte header {margin-bottom:1rem;} .dlx-block-bereichsinhalte .dlx-3block-items {margin-bottom:-70px;} .dlx-block-bereichsinhalte .dlx-3block-bottombar {text-align:right;margin:3em 0;position:relative;} .dlx-block-bereichsinhalte .dlx-3block-bottombar a.button {padding-left:2.5em;padding-right:2.5em;} .dlx-block-3pics {background:rgb(231, 234, 235);} .dlx-block-3pics header {margin-top:5em;margin-bottom:4em;} .dlx-block-3pics .dlx-3pics-outer {margin-bottom:3.75em;} .dlx-block-3pics header {position:relative;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex;align-items: center; justify-content: space-between;flex-wrap: wrap;} .dlx-block-3pics header >* {display:inline-block;vertical-align: middle;} .dlx-block-3pics header >a {-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} .dlx-block-3pics .dlx-3pics-block >.-img-block {height:200px;width:100%;background-size: contain;background-position:center center;background-repeat: no-repeat; margin-bottom:1em;} .dlx-block-collection .dlx-block-collection-mainCols .dlx-block-collection-bigTile { position:relative;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex;flex-direction: column;} .dlx-block-collection .dlx-block-collection-mainCols .dlx-block-collection-bigTile >.-image {height: 750px;} .dlx-block-collection .dlx-block-collection-mainCols .dlx-block-collection-bigTile >.-overlay {background:rgb(153, 153, 153);padding:0.25em 1.5em 1em;} .dlx-block-collection .dlx-block-collection-mainCols .dlx-block-collection-bigTile >.-overlay * {color:white;} .dlx-block-collection .dlx-block-collection-mainCols .dlx-block-collection-bigTile >.-overlay h3 {margin-bottom:0.25em;} .dlx-block-collection .dlx-block-collection-mainCols .dlx-block-collection-halfedCol {height:100%;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex;flex-direction:column;justify-content: space-between;} .dlx-block-collection .dlx-block-collection-mainCols .dlx-block-collection-variante {position:Relative;height:50%;} .dlx-block-collection .dlx-block-collection-mainCols .dlx-block-collection-variante .dlx-subtitle {margin: 0.9em 0 0em;} .dlx-block-collection .dlx-block-collection-mainCols .dlx-block-collection-variante::AFTER {content:"";display:block;width:50px;height:3px;background:rgb(153, 153, 153);} .dlx-block-buttons .button-col { margin-bottom: 1rem; } .dlx-block-produktwelten-slider { margin-top: 15px; width: 95%; position: relative; } .dlx-block-produktwelten-slider .swiper-container { overflow: visible; } .dlx-block-produktwelten { overflow: hidden; } .dlx-block-produktwelten .dlx-block-produktwelten-welt-outer {position:relative;height:460px;margin-bottom: 28px;} .dlx-block-produktwelten .dlx-block-produktwelten-welt-outer::after { position: absolute; left: 0; bottom: 0; right: 0; z-index: 1; content: ""; background: linear-gradient(to bottom, rgba(69,72,77,0) 0%,rgba(0,0,0,0.333) 100%); height: 100%; max-height: 200px; } .dlx-block-produktwelten .dlx-block-produktwelten-welt-outer .dlx-block-produktwelten-welt-colorOverlay {z-index: 5;position:absolute;left:0;bottom:0;top:0;right:0;opacity:0.2;transition:opacity 0.33s;} .dlx-block-produktwelten .dlx-block-produktwelten-welt-outer .dlx-block-produktwelten-welt-desc {z-index: 6;position:Absolute;left:0;bottom:0;padding:1em;color:white;} .dlx-block-produktwelten .dlx-block-produktwelten-welt-outer .dlx-block-produktwelten-welt-desc .dlx-block-produktwelten-welt-desc-cntVars {font-size:85%;} .dlx-block-produktwelten .dlx-block-produktwelten-welt-outer .dlx-block-produktwelten-welt-desc .dlx-block-produktwelten-welt-desc-cntVars,.dlx-block-produktwelten .dlx-block-produktwelten-welt-outer .dlx-block-produktwelten-welt-desc .dlx-block-produktwelten-welt-desc-text { font-size: 14px; transition:max-height 0.75s,opacity 0.33s;overflow:hidden;} .dlx-block-produktwelten .dlx-block-produktwelten-welt-outer .dlx-block-produktwelten-welt-desc h3 {color:inherit;} .dlx-block-text .dlx-text-center50,.dlx-block-text .dlx-img-center50,.dlx-block-textmitbild .dlx-text-center50,.dlx-block-textmitbild .dlx-img-center50 {width:50%;margin:0 auto;} .dlx-block-text .dlx-text-center75,.dlx-block-text .dlx-img-center75,.dlx-block-textmitbild .dlx-text-center75,.dlx-block-textmitbild .dlx-img-center75 {width:75%;margin:0 auto;} .dlx-block-text .dlx-text-left85,.dlx-block-text .dlx-img-left85,.dlx-block-textmitbild .dlx-text-left85,.dlx-block-textmitbild .dlx-img-left85 {width:85%;text-align: left;} .dlx-block-text .dlx-text-left75,.dlx-block-text .dlx-img-left75,.dlx-block-textmitbild .dlx-text-left75,.dlx-block-textmitbild .dlx-img-left75 {width:75%;text-align: left;} .dlx-block-text .dlx-text-left50,.dlx-block-text .dlx-img-left50,.dlx-block-textmitbild .dlx-text-left50,.dlx-block-textmitbild .dlx-img-left50 {width:50%;text-align: left;} .dlx-block-text .dlx-text-right85,.dlx-block-text .dlx-img-right85,.dlx-block-textmitbild .dlx-text-right85,.dlx-block-textmitbild .dlx-img-right85 {width:85%;margin-left:15%;} .dlx-block-text .dlx-text-right75,.dlx-block-text .dlx-img-right75,.dlx-block-textmitbild .dlx-text-right75,.dlx-block-textmitbild .dlx-img-right75 {width:75%;margin-left:25%;} .dlx-block-text .dlx-text-right50,.dlx-block-text .dlx-img-right50,.dlx-block-textmitbild .dlx-text-right50,.dlx-block-textmitbild .dlx-img-right50 {width:50%;margin-left:50%;} .dlx-block-text + .dlx-block-textspalten{ margin-top: -2rem; } .dlx-block-text article > div > *:last-child{ margin-bottom: 0; } .dlx-block-media { margin-bottom: 3rem!important; } .dlx-block-media img { width: 100%; } .dlx-block-downloads { background: rgb(76, 76, 76); padding: 4rem 0; } .dlx-block-downloads * { color: #fff; } .dlx-block-downloads .dlx-downloaditem { padding: 15px; background: rgba(255,255,255,.25); display: block; margin-top: 28px; } .dlx-block-downloads .dlx-downloaditem div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dlx-block-downloads .dlx-downloaditem .download-fileinfo { font-size: 14px; margin: .25rem 0 .5rem; } .dlx-block-downloads .dlx-downloaditem .download-button { font-size: 14px; font-weight: 700; } .dlx-block-downloads .dlx-downloaditem .download-button i { font-size: 1.25rem; vertical-align: middle; } .dlx-block-downloads .dlx-downloaditem:hover { background: rgba(255,255,255,.3); } } @media all and (min-width: 36em){ } @media all and (min-width: 48em){ .dlx-block-bereichsinhalte .dlx-3block-items {margin-bottom:-140px;} } @media all and (min-width: 62em){ .startPage .dlx-block{ margin: 14rem 0!important; } .dlx-block-produktwelten-slider { width: 100%; } .dlx-block-produktwelten .dlx-block-produktwelten-welt-outer {height:620px;} .dlx-block-produktwelten .dlx-block-produktwelten-welt-outer .dlx-block-produktwelten-welt-colorOverlay {opacity:0;} .dlx-block-produktwelten .dlx-block-produktwelten-welt-outer .dlx-block-produktwelten-welt-desc .dlx-block-produktwelten-welt-desc-cntVars,.dlx-block-produktwelten .dlx-block-produktwelten-welt-outer .dlx-block-produktwelten-welt-desc .dlx-block-produktwelten-welt-desc-text { font-size: 16px; transition:max-height 0.75s,opacity 0.33s;max-height:0px;overflow:hidden;opacity:0;} .dlx-block-produktwelten .dlx-block-produktwelten-welt-outer:hover .dlx-block-produktwelten-welt-colorOverlay {opacity:0.5;} .dlx-block-produktwelten .dlx-block-produktwelten-welt-outer:hover .dlx-block-produktwelten-welt-desc-cntVars,.dlx-block-produktwelten .dlx-block-produktwelten-welt-outer:hover .dlx-block-produktwelten-welt-desc-text {max-height:300px;opacity:1;transition:max-height 0.75s,opacity 0.33s linear 0.25s;} .dlx-block-3pics header {margin-top:6em;} .dlx-block-3pics .dlx-3pics-outer {margin-bottom:6em;} } @media all and (min-width: 80em){ .dlx-blockspacing-right{ padding-right: 15%; } .startPage .dlx-blockspacing-right{ padding-right: 0!important; } .dlx-block-produktwelten-slider .prev-area,.dlx-block-produktwelten-slider .next-area { z-index: 5; position: absolute; top: 0; height: 100%; width: 30px; content: ""; } .dlx-block-produktwelten-slider .prev-area:not(.swiper-button-disabled) { cursor: url(../images/cursor-prev-area.png), pointer; left: 0; background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); } .dlx-block-produktwelten-slider .next-area:not(.swiper-button-disabled) { cursor: url(../images/cursor-next-area.png), pointer; right: 0; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); } } @media all and (min-width: 1660px){ } @media all and (min-width: 1920px){ .dlx-block-produktwelten-slider .prev-area,.dlx-block-produktwelten-slider .next-area { width: 10%; } .dlx-block-produktwelten-slider .prev-area { left: -5%; } .dlx-block-produktwelten-slider .next-area { right: -5%; } }
/* menu                [12706] */ @media screen, projection { .dp-navi-button { height: 60px; z-index: 400;position: fixed;left:0;right:0;top:0;background: #fff; outline: 2px solid #ccc;padding: .75rem 0;transition: all .25s;} .dp-navi-button.menuBtnOnLandingBigPic:not(.active) {background:transparent;outline:none;} .dp-navi-button.menuBtnOnLandingBigPic:not(.active) .dp-dlx-menuLogo { opacity: 0; } .dp-navi-button.menuBtnOnLandingBigPic:not(.active) .dp-dlx-menuBtn span,.dp-navi-button.menuBtnOnLandingBigPic:not(.active) .dp-dlx-menuBtn span:before,.dp-navi-button.menuBtnOnLandingBigPic:not(.active) .dp-dlx-menuBtn span:after { background: white; } .dp-navi-button .dp-dlx-menuLogo { width: 200px; display: block; } .dp-navi-button .dp-dlx-menuBtn { top: 50%; right: 10px; -webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%); position: absolute; width: 44px; height: 44px; } .dp-navi-button .dp-dlx-menuBtn span,.dp-navi-button .dp-dlx-menuBtn span::before,.dp-navi-button .dp-dlx-menuBtn span::after { display: block; width: 26px; position: absolute; height:2px; left: 0px; background: rgb(76, 76, 76); transition: all .25s!important; border-radius:2px;} .dp-navi-button .dp-dlx-menuBtn span { top: 50%; margin-top: -1px; left: 9px; } .dp-navi-button .dp-dlx-menuBtn span::before,.dp-navi-button .dp-dlx-menuBtn span::after { content: ""; } .dp-navi-button .dp-dlx-menuBtn span::before { bottom: 7px; } .dp-navi-button .dp-dlx-menuBtn span::after { top: 7px; } #dp-header { z-index: 9999; position:fixed; left: 0; top: 60px; bottom: 0; width:100%; background:white; opacity: 0; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; flex-direction: column; transition: all .25s; } #dp-header.open { opacity: 1; visibility: visible; } #dp-header .dp-dlx-closemenu {display:none;} #dp-header .dp-dlx-logo { display: none; } #dp-header >* {flex:0 1 auto;} #dp-header >.dlx-dynspace {flex:1 0 1px;} #dp-header #dlx-search { padding: 14px 4px; position: relative; } #dp-header #dlx-search i { position: absolute; top: 50%; left: 15px; margin-top: -.375em; line-height: 1em; z-index: 1; color:rgb(153, 153, 153); } #dp-header #dlx-search input.suchfeld { position: relative; z-index: 2; padding: 10px 10px 10px 37px; width: 100%; background: transparent; color:rgb(153, 153, 153);font-size: 14px; border: 1px solid rgb(153, 153, 153); outline: none; } #dp-header #dlx-search input.suchfeld:focus { outline: none; box-shadow: none; } #dp-header a {color:rgb(51, 51, 51);} #dp-header nav a {display:block;position:relative;padding: 4px 14px;height:100%;background:#fff;} #dp-header nav.dp-mainmenu .menuDepth1>li>a,#dp-header nav.dp-mainmenu .menuDepth2>li>a {color:rgb(153, 153, 153);font-size:90%;} #dp-header nav { flex:0 1 auto;min-height: 150px;} #dp-header nav li.active:not(.JUSTPRIO):not(.JUSTPRIO)>a,#dp-header nav li:hover>a:not(.JUSTPRIO):not(.JUSTPRIO):not(.JUSTPRIO) {color:rgb(55, 115, 183);} #dp-header nav >ul {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex;flex-direction: column; height:100%;} #dp-header nav >ul>li {flex:0 1 auto;min-height: 1em;} #dp-header nav >ul>li>ul.menuDepth1,#dp-header nav ul.menuDepth1>li>ul.menuDepth2 { display: block; background: white; position: absolute; top: 0; bottom:0; left: 0; z-index: 950; opacity: 0; visibility: hidden; padding-left: 0px; padding-right: 0px; width: 100%; transition: all .25s; border-left: 1px solid rgba(0,0,0,.05); } #dp-header nav .submenu-parent > a > span { display: block; font-size: 1.125em; padding-bottom: .5em; border-bottom: 1px solid rgb(51, 51, 51); } #dp-header .submenu-return { margin-bottom: .5rem; background: rgb(204, 204, 204); } #dp-header .submenu-return > a { display: block; padding: 4px 14px; font-size: 14px!important; color: rgb(33, 100, 176)!important; font-weight: 700!important; } #dp-header a>span,#dp-header a::BEFORE {vertical-align: middle;} #dp-header a::BEFORE {font-size:150%;} #dp-header nav.dlx-secnav { min-height: 0; } #dp-header nav.dlx-secnav li { min-height: 31px; } #dp-header nav.dlx-secnav a {color:rgb(153, 153, 153);font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; } #dp-header nav.dlx-secnav::BEFORE {display:block;content:"";margin:0 1em;height:1px;border-top:1px solid rgb(230,230,230);margin-bottom:.5rem;} #dp-header nav.dlx-secnav a::BEFORE {margin-right:0.33rem;padding-top: .125em;} #dp-header nav.dlx-secnav a > span.lang-flag {margin-right:0.33rem;margin-top:-2px;width: 21px; height: auto;} #dp-header .dlx-dialekt .dlx-dialekt-row {margin:0.75em 1.5em;white-space:nowrap;} #dp-header .dlx-dialekt .dlx-dialekt-row.-current {margin:1em 14px; display: none;} #dp-header .dlx-dialekt .dlx-dialekt-row.-current>img {cursor:pointer;} #dp-header .dlx-dialekt .dlx-dialekt-row >* {display:inline-block;vertical-align:middle;} #dp-header .dlx-dialekt .dlx-dialekt-row >.dlx-dialekt-landName {width:120px;font-size:80%;} #dp-header .dlx-dialekt .dlx-dialekt-row >.dlx-dialekt-landCode {min-width:22px; font-size: 14px;} #dp-header .dlx-dialekt .dlx-dialekt-row >img {margin-right:0.5em;} #dp-header .dlx-dialekt .dlx-dialekt-row a:hover {color:rgb(55, 115, 183);} .dp-mainmenu { display: block; } .dp-mainmenu ul.menu li a { display: block; } .dp-mainmenu ul.menu li.active > a,.dp-mainmenu ul.menu li:hover > a { text-decoration: none; } .dp-mainmenu a > i { float: right; margin-top: .25em; } .dp-mainmenu .submenu-return i { float: none; } #dp-footer .dp-dlx-footerNavItem { margin-bottom: 28px; } #dp-footer .dp-dlx-footerNavItem > ul { display: none; } #dp-footer a {color:inherit;display:inline-block;} #dp-footer a:hover {text-decoration: underline; opacity:0.8;} #dp-footer ul,#dp-footer li {margin:0;padding:0;} #dp-footer ul {margin-top:0.75em;} #dp-footer ul a {font-weight:normal; font-size:14px; color:#666;} #dp-footer .dp-dlx-footerFHSucheForm { margin: 28px 0; } #dp-footer input.dp-inpSuche {width:100%;} #dp-footer .dp-dlx-footerFHSucheInput {margin-top:1em;} #dp-footer #socialmedia-nav { margin: 2rem 0; } #dp-footer #socialmedia-nav a { display: inline-block; margin: 0 .5rem .5rem 0; max-width: 2em; } #dp-footer #socialmedia-nav svg { width: auto; height: 2rem; } #dp-footer .dp-footer-navi { text-align: center; } #dp-footer .dp-footer-navi li { display: inline; } #dp-footer .dp-footer-navi li:not(:first-child) a::BEFORE { content:"|"; padding:0 6px;} #dp-footer .dp-footer-navi a { padding:0;color:#888;} #breadcrumbs ol {margin:1em 0 2em; padding:0;color:#999;} #breadcrumbs ol li {display:inline-block;margin:0;padding:0;} #breadcrumbs ol li:not(:first-child)::BEFORE {content:"〉";margin:0 0.5em;vertical-align: middle;} #breadcrumbs ol li a {color:inherit;vertical-align: middle;} } @media all and (min-width: 36em){ } @media all and (min-width: 48em){ .dp-navi-button .dp-dlx-menuBtn { right: 28px; } #dp-footer .dp-dlx-footerNavItem > ul { display: block; } } @media all and (min-width: 62em){ body { padding-left: 160px!important; transition: padding-left .25s!important; } body.dp-mainMenu-closed { padding-left: 0!important; } .dp-navi-button { background: none; padding: 0; outline: none; height: auto; right: auto; } .dp-navi-button .page { max-width: 100%; padding: 0!important; width:160px; margin: 0!important; } .dp-navi-button .dp-dlx-menuLogo { display: none!important; } .dp-navi-button .dp-dlx-menuBtn { -webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0); position: relative!important; margin: .4rem auto 0; top: auto; left: auto; right: auto; bottom: auto; display: block; opacity: 0; visibility: hidden; box-shadow:2px 2px 10px rgba(0,0,0,0.25);border-radius:100px; background: rgb(76, 76, 76); transition: opacity .25s, transform .25s; } .dp-navi-button .dp-dlx-menuBtn span,.dp-navi-button .dp-dlx-menuBtn span:before,.dp-navi-button .dp-dlx-menuBtn span:after { background: #fff; } .dp-navi-button.menuBtnOnLandingBigPic .dp-dlx-menuBtn {background:transparent;box-shadow:none;} .dp-navi-button.menuBtnOnLandingBigPic .dp-dlx-menuBtn span,.dp-navi-button.menuBtnOnLandingBigPic .dp-dlx-menuBtn span:before,.dp-navi-button.menuBtnOnLandingBigPic .dp-dlx-menuBtn span:after {background:white;} body.startPage .dp-dlx-menuBtn { opacity: 1; visibility: visible; -webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0); } body.startPage .dp-dlx-menuBtn.hidden { opacity: 0; visibility: hidden; -webkit-transform:translateX(2rem);-ms-transform:translateX(2rem);transform:translateX(2rem); } body.startPage #dp-header { right: 100%; left: auto; } body.startPage #dp-header.open { -webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%); } body.startPage #dp-header .dp-dlx-closemenu {display:block;flex: 0 0 24px;margin:1rem auto;width:24px;height:24px;background-image:url("../images/close.png");} body.startPage #dp-header .dp-dlx-logo { display: none; } #dp-header { left: 0; top: 0; opacity: 1; visibility: visible; right: auto; width:160px; box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.05), 1px 1px 16px 0 rgba(0, 0, 0, 0.07); } #dp-header .header-top { height: 125px; } #dp-header .dp-dlx-logo { display: block; padding: 1rem 28px 0; } #dp-header .dp-dlx-closemenu {display:none;} #dp-header nav >ul>li>ul.menuDepth1,#dp-header nav ul.menuDepth1>li>ul.menuDepth2 { padding-top: 130px; width: 225px; left: 100%; border-right: 1px solid rgb(218, 219, 220); } #dp-header nav ul.menuDepth1>li>ul.menuDepth2 { overflow: auto; } #dp-header nav ul.menuDepth1>li>ul.menuDepth2 > li:last-child { margin-bottom: 50px; } #dp-header nav .menuDepth1 a {padding:11px 34px;} #dp-header nav >ul>li>ul.menuDepth1,#dp-header nav ul.menuDepth1>li>ul.menuDepth2 { -webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0); } #dp-header nav >ul>li:hover>ul.menuDepth1,#dp-header nav ul.menuDepth1>li:hover>ul.menuDepth2 { opacity:1; visibility: visible; -webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0); } #dp-header nav .submenu-parent { display: none!important; } #dp-header nav.dlx-secnav .dlx-language-link { display: none!important; } #dp-header .submenu-return { display: none!important; } #dp-header .dlx-dialekt .dlx-dialekt-row.-current {display: block;} #dp-header .dlx-dialekt:hover .dlx-dialekte-popup { opacity: 1; visibility: visible; } #dp-header .dlx-dialekt .dlx-dialekte-popup {position:absolute;left:100%;bottom:0;min-width:100%;background:white;z-index:9999; border-left: 1px solid rgba(0,0,0,.05); border-right: 1px solid rgb(218, 219, 220);border-top: 1px solid rgb(218, 219, 220); opacity: 0; visibility: hidden; transition: all .25s;} .dp-mainmenu a > i { display: none; } } @media all and (max-width: 62em){ body.dp-mainMenu-open{ overflow: hidden!important; padding-right: 14px!important; } .dp-navi-button.active .dp-dlx-menuBtn span { background: transparent; } .dp-navi-button.active .dp-dlx-menuBtn span:before,.dp-navi-button.active .dp-dlx-menuBtn span:after { background: rgb(51, 51, 51); } .dp-navi-button.active .dp-dlx-menuBtn span:before { bottom: 0; -webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin: 50% 50%; } .dp-navi-button.active .dp-dlx-menuBtn span:after { top: 0; -webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); transform-origin: 50% 50%; } #dp-header nav >ul>li>ul.menuDepth1,#dp-header nav ul.menuDepth1>li>ul.menuDepth2 { -webkit-transform:translate(100px, 0);-ms-transform:translate(100px, 0);transform:translate(100px, 0); } #dp-header nav >ul>li>ul.menuDepth1.visible,#dp-header nav ul.menuDepth1>li>ul.menuDepth2.visible { opacity:1; visibility: visible; -webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0); } #dp-header nav >ul>li>ul.menuDepth1 { overflow-x: hidden; overflow-y: auto; } #dp-header .dlx-dialekt .dlx-dialekte-popup { display: block; background: white; overflow: auto; position: absolute; top: 0; bottom:0; left: 0; z-index: 950; opacity: 0; visibility: hidden; padding-left: 0px; padding-right: 0px; width: 100%; transition: all .25s; -webkit-transform:translate(100px, 0);-ms-transform:translate(100px, 0);transform:translate(100px, 0); border-left: 1px solid rgba(0,0,0,.05); } #dp-header .dlx-dialekt .dlx-dialekte-popup.visible { opacity:1; visibility: visible; -webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0); } } @media all and (min-width: 80em){ #dp-footer .dp-dlx-footerFHSucheForm { margin: 0; } } @media all and (min-height: 520px){ #dp-header nav a {padding: 14px;} } 
/* form                 [1760] */ @media all { input.text {border:2px solid rgb(153, 153, 153);background:transparent;padding:0.5em 0.75em;} input.dp-inpSuche {background-image:url("../images/search.png")!important;background-repeat: no-repeat!important;background-position: 0.5em center!important;padding-left:40px!important;} .dp-form input.text,.dp-form textarea,.dp-form select.select { width: 100%; border: 2px solid rgb(153, 153, 153); padding: .5em .75em; color: rgb(51, 51, 51); } .dp-form input.text:focus,.dp-form textarea:focus,.dp-form select.select:focus { box-shadow: 0 0 3px 0 rgba(0,0,0,.25); } .dp-form input[type="checkbox"],.dp-form input[type="radio"] { margin-right: 5px; } .dp-form textarea { height: 8em; } .dp-form .row { margin: 0 0 10px; } .dp-form .row.dpf4-rowHasRequired>label::AFTER {content:"*";display:inline-block;} .dp-form .row label { width: 100%; } .dp-form .row-error input.text,.dp-form .row-error textarea { border-color: #c33; } .dp-form .row-error .message { color: #c33; font-size: .875em; font-weight: 700; } .dp-form input.text.hasError,.dp-form textarea.hasError { border-color: #c33; } .dp-form .error-message { color: #c33; font-size: .875em; font-weight: 700; } .dp-form input.text.dpf-ajax-ok,.dp-form textarea.dpf-ajax-ok,.dp-form select.dpf-ajax-ok {border-color: #3a3;} .dp-form .row-button .requiredNotice { font-size: .75em; margin: 0 0 5px; opacity: .75; } .dp-form .row-button button[disabled],.dp-form .row-button input.submit[disabled] { opacity: .5; } .dp-form .row-button button[disabled]:hover,.dp-form .row-button input.submit[disabled]:hover { cursor: not-allowed; } } @media all and (min-width: 36em){ } @media all and (min-width: 48em){ } @media all and (min-width: 62em){ } @media all and (min-width: 80em){ }
/* print                [2297] */ @media print { .noprint, .swiper-slide-duplicate, .dlx-po-headCnt, .shareBar, .dlx-swiper-coner-pagination-bg, .dlx-pd-pager, .dlx-swiper-corner-pagination, .dlx-swiper-coner-pagination-bg, .dlx-pd-tasks { display: none!important; } .fullscreenImage{ -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } .swiper-slide, .swiper-container-android .swiper-slide, .swiper-wrapper, .cols, .cols-s, .cols-m, .cols-l, .cols-xl, .cols > *, .cols-s > *, .cols-m > *, .cols-l > *, .cols-xl > *, .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner { display: block!important; position: static!important; width: 100%!important; height: auto!important; float: none!important; -webkit-transform: none!important;-moz-transform: none!important;-o-transform: none!important;-ms-transform: none!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important; } .contentWrapper{ border-top: 1mm solid #ccc; padding: 1cm 0 0!important; margin: 1cm 0 0!important; } .dlx-pd-sli-image .swiper-slide, .dlx-pf-slider .swiper-slide, .dlx-po-slider .swiper-slide{ display: none!important; } .dlx-pd-sli-image .swiper-slide.swiper-slide-active, .dlx-pf-slider .swiper-slide.swiper-slide-active, .dlx-po-slider .swiper-slide.swiper-slide-active{ display: block!important; max-width: 6cm!important; height: auto!important; -webkit-transform:none!important;-ms-transform:none!important;transform:none!important; margin: 0 auto!important; } .dlx-productOverview .dlx-po-collEntry { padding: 1cm; border: 2px solid #000; margin: 1cm 0; } .dlx-po-collSubGroup, .dlx-productDetails .dlx-pd-functions, .dlx-pd-imgBlock { overflow: hidden; } .dlx-pd-imgBlock .col-50, .dlx-pd-imgBlock .col-s-50, .dlx-po-collSubGroup .col-s-50, .dlx-productDetails .dlx-pd-functions .col-50 { max-width: 3.5cm!important; height: auto!important; display: inline-block!important; float: left!important; margin: .25cm; } .dlx-productDetails .dlx-pd-staticLeft .dlx-pd-staticLeftInner{ background: none!important; } .dlx-productDetails .dlx-pd-contentMain{ padding: 0!important; min-height: none!important; } h3.dlx-pd-h3-space, h2.dlx-pd-h2-space{ margin: 1cm 0!important; } .dlx-productDetails .dlx-pd-contentMain .dlx-pd-blockhasmargin{ margin: 0!important; } }