@CHARSET "UTF-8";
/* variables              [18] */ 
/* fonts                 [911] */ @font-face { font-family: 'Josefin Sans'; font-style: normal; font-weight: 700; src: local(''), url('../fonts/josefin-sans-v17-latin-700.woff2') format('woff2'), url('../fonts/josefin-sans-v17-latin-700.woff') format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local(''), url('../fonts/open-sans-v18-latin-300.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-300.woff') format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local(''), url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-regular.woff') format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local(''), url('../fonts/open-sans-v18-latin-700.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-700.woff') format('woff'); } 
/* normalize.1.1.0      [3143] */ /*! 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, select, textarea { font-family: sans-serif; } 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                 [1892] */ @font-face { font-family: 'chaletpelipal'; src: url( ../fonts/Chalet-NewYorkSixty.eot); src: url( ../fonts/Chalet-NewYorkSixty.woff); } @media all { *{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ vertical-align: top; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block; } html{ height: 100%; } body{ overflow-x: hidden; overflow-y: scroll; } .ie6 body,.ie7 body{ height: 1%; position: relative; overflow: visible; } .clear{ clear: both; font-size: 0px; height: 0px; } * html div.clear{line-height:0px;} .clearing:before, .clearing:after{ content:""; display:table; } .clearing:after{ clear:both; } .clearing{ *zoom:1; } .cleardiv:after{ content:"."; visibility: hidden; display: block; height: 0; clear: both; } input,textarea,select,button{ font-size: 100%;} ul{ padding: 0 0 0 1.666em; margin: 0 0 1em; } ul.dp-readerLinks{ position: absolute; left: -1000px; top: -1000px; width: 100%; } ul.dp-readerLinks li{text-decoration: none; } 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; } } 
/* layout              [33801] */ @media screen, projection { @keyframes zooming { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } 100% { -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); -webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25); -webkit-transform-origin: 75% 75%; -moz-transform-origin: 75% 75%; -ms-transform-origin: 75% 75%; -o-transform-origin: 75% 75%; transform-origin: 75% 75%; } } .pageWrapper{ overflow: hidden; left: 0; width: 100%; -webkit-transition: left .5s; transition: left .5s; } .page { max-width: 1180px; margin: 0 auto; padding-left: 1em; padding-right: 1em; position: relative; } #dp-header { background-color: #fff; padding: 1em 0; } #dp-header .logo { position: relative; z-index: 2; margin: 0 auto; display: block; width: 132px; height: 48px; background-image: url(../images/logo_main.png); text-indent: -999em; white-space: nowrap; overflow: hidden; } #dp-header .navigationbar { width: 100%; position: absolute; left: 0; padding: 0 .5em 0 0; top: 50%; margin-top: -1.5em; } #dp-header .navigationbar > #search { float: right; position: relative; } #dp-header .navigationbar > #search form { position: relative; } #dp-header .navigationbar > #search .searchfields { position: absolute; white-space: nowrap; right: -999em; top: -999em; overflow: hidden; } #dp-header .navigationbar > #search .searchfields .closeBtn { display: inline-block; height: 3em; width: 3em; background: transparent url(../images/icon_close.png) center no-repeat; } #dp-header .navigationbar > #search .searchfields .suchfeld { width: 0; position: relative; height: 3em; padding: 1em 0; line-height: 1em; background: #fff; font-weight: 300; border: none; outline: none; -webkit-appearance: none; -webkit-transition: all .75s; transition: all .75s; } #dp-header .navigationbar > #search .submit { text-indent: -999em; white-space: nowrap; overflow: hidden; margin: 0 0 0 1px; width: 3em; height: 3em; border: none; outline: none; background: #fff url(../images/icon_search.png) center no-repeat; -webkit-appearance: none; } #dp-header .navigationbar > #search .lightsoff { -webkit-transition: background .75s; transition: background .75s; } #dp-header .navigationbar > #search.active form { z-index: 9999; } #dp-header .navigationbar > #search.active .searchfields { right: 100%; top: 0; } #dp-header .navigationbar > #search.active .searchfields .suchfeld { width: 200px; padding-left: 1em; padding-right: 1em; } #dp-header .navigationbar > #search.active .lightsoff { z-index: 9998; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); } #dp-header .navigationbar > #mobileMenuBtn { float: left; display: block; width: 3em; height: 3em; background: #f3f3f3 url(../images/btn_mobilemenu.png) center no-repeat; } #dp-header .dp-language { display: none; position: absolute; top: 0em; right: 3em; margin-right: 1em; } #dp-header .dp-language li { font-size: .75em; float: left; } #dp-header .dp-language a,#dp-header .dp-language .spacer { padding: .5em; } #dp-header .dp-language .spacer { padding-left: .125em; padding-right: .125em; } #dp-header .dp-language a { color: #999; font-weight: 300; } #dp-header .dp-language .active > a,#dp-header .dp-language a:hover { color: #666666; } #dp-main { background: #f3f3f3; } #dp-content .contentWrapper .contentItem { position: relative; } #dp-content .contentWrapper .contentItem.fullscreenMap { height: 500px; padding: 3em 0; } #dp-content .contentWrapper .contentItem.fullscreenMap .itemTitle { border-color: #666666; color: #666666; } #dp-content .contentWrapper .contentItem.fullscreenMap #googleMap,#dp-content .contentWrapper .contentItem.fullscreenMap #mapoverlay { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #dp-content .contentWrapper .contentItem.fullscreenMap #mapoverlay { display: none; background: rgba(0,0,0,0.5); } #dp-content .contentWrapper .contentItem.fullscreenMap .page { z-index: 2; } #dp-content .contentWrapper .contentItem.fullscreenMap .haendlersucheFormPage { max-width: 350px; } #dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheAnfahrt,#dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheForm { font-size: .925em; padding-right: 5em; position: relative; max-width: 300px; margin: 0 auto; border-bottom: 2px solid rgba(0,0,0,.1); } #dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheAnfahrt .text,#dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheForm .text { width: 100%; } #dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheAnfahrt .btn,#dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheForm .btn { width: 5em; position: absolute; right: 0; top: -3px; } #dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheAnfahrt .text,#dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheAnfahrt .btn,#dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheAnfahrt .button,#dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheForm .text,#dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheForm .btn,#dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheForm .button { display: block; border: none; outline: none; height: 3em; padding: 0 1em; margin-top: 3px; } #dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheAnfahrt .btn,#dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheForm .btn { background: #666666 url(../images/icon_search-inverted.png) center no-repeat; text-indent: 99em; white-space: nowrap; overflow: hidden; } #dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheAnfahrt .button,#dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheForm .button { width: 100%; background: #666666 url(../images/icon_search-inverted.png) 10px no-repeat; white-space: nowrap; overflow: hidden; color: white;} #dp-content .contentWrapper .contentItem.fullscreenMap #haendlersucheAnfahrt { display: none; } #dp-content .contentWrapper .contentItem.fullscreenMap { position: relative; } #dp-content .contentWrapper .contentItem.fullscreenMap .itemTitle,#dp-content .contentWrapper .contentItem.fullscreenMap .page { z-index: 5; } #dp-content .contentWrapper .contentItem.fullscreenMap .itemTitle { position: absolute; font-family: 'chaletpelipal'; text-transform: uppercase; display: block; background: #fff; top: 2em; left: 1em!important; color: #666666!important; padding: 1em 1.5em!important; -webkit-border-radius: 2em; border-radius: 2em; } #dp-content .contentWrapper .contentItem.fullscreenMap .itemTitle > span { font-size: 2em; line-height: 1em; } #dp-content .contentWrapper .haendlerAnfahrtErgebnis { display: none; } #dp-content .contentWrapper .haendlerAnfahrtErgebnis .back { position: absolute; right: 18px; top: 24px; } #dp-content .contentWrapper.haendlersuche .contentItem.fullscreenMap { position: relative; padding: 8em 0 2em; } #dp-content .contentWrapper.haendlersuche .contentItem .response,#dp-content .contentWrapper.haendlersuche .contentItem .ergebnisbox { background: #fff; } #dp-content .contentWrapper.haendlersuche .contentItem .response .haendler,#dp-content .contentWrapper.haendlersuche .contentItem .ergebnisbox .haendler { padding: 1em 1em 1em 0; } #dp-content .contentWrapper.haendlersuche .contentItem .response .haendler h3,#dp-content .contentWrapper.haendlersuche .contentItem .ergebnisbox .haendler h3 { border-bottom: 1px solid black; padding: 0 8px .25em; } #dp-content .contentWrapper.haendlersuche .contentItem .response .haendler .indent,#dp-content .contentWrapper.haendlersuche .contentItem .ergebnisbox .haendler .indent { padding: 0 8px; } #dp-content .contentWrapper.haendlersuche .contentItem .response .hide,#dp-content .contentWrapper.haendlersuche .contentItem .ergebnisbox .hide { display: none; } #dp-content .contentWrapper.haendlersuche .contentItem .topPadding { padding-top: 2em; } #dp-content .contentWrapper.contentAkkordeon .akkordeonItem { padding-bottom: .75rem; margin-bottom: .75rem; border-bottom: 1px solid #666666; } #dp-content .contentWrapper.contentAkkordeon .akkordeonItem .akkordeonTitle h2 { font-size: 1.125em; margin: 0; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } #dp-content .contentWrapper.contentAkkordeon .akkordeonItem .akkordeonTitle .icon { color: #3acede; font-size: .875em; display: inline-block; font-weight: bold; -webkit-transform: rotate(0); -webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0); -webkit-transition: all .4s; transition: all .4s; } #dp-content .contentWrapper.contentAkkordeon .akkordeonItem .akkordeonContent { display: none; font-size: .875em; padding: .75rem 0; } #dp-content .contentWrapper.contentAkkordeon .akkordeonItem .akkordeonContent p { margin: 0 0 1rem; } #dp-content .contentWrapper.contentAkkordeon .akkordeonItem .akkordeonContent > :last-child { margin-bottom: 0; } #dp-content .contentWrapper.contentAkkordeon .akkordeonItem .akkordeonContent .akk-download { font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #dp-content .contentWrapper.contentAkkordeon .akkordeonItem.active .akkordeonTitle .icon { -webkit-transform: rotate(90deg); -webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg); } #dp-content .contentWrapper.contentSingle { padding: 2em 0; } #dp-content .contentWrapper.contentSingle .contentItem { padding: 2em; background: #fff; } #dp-content .contentWrapper.contentList { padding: 2em 0; } #dp-content .contentWrapper.contentList .contentItem { padding: 2em; background: #fff; border-bottom: 5px solid #f3f3f3; } #dp-content .contentWrapper.contentList .contentItem .teaserBild { margin: 0 1em .5em 0; } #dp-content .contentWrapper.contentDownloads { padding: 2em 0; } #dp-content .contentWrapper.contentDownloads .col { background: #fff; margin: 0 0 2em 0; } #dp-content .contentWrapper.contentDownloads .col.empty { background: none; } #dp-content .contentWrapper.contentDownloads .contentItem { padding: 2em; } #dp-content .contentWrapper.contentDownloads .contentItem .downloadList a,#dp-content .contentWrapper.contentDownloads .contentItem .downloadList ._df_custom { padding: .75em 1.25em .75em 50px; cursor: pointer; transition: all .25s; position: relative; display: inline-block; background: #f3f3f3; color: #666666; margin: 0 .5em 1em 0; font-family: 'chaletpelipal'; line-height: 1.2em; -webkit-border-radius: 1.5em; border-radius: 1.5em; -webkit-transition: all .25s; transition: all .25s; } #dp-content .contentWrapper.contentDownloads .contentItem .downloadList a:hover,#dp-content .contentWrapper.contentDownloads .contentItem .downloadList ._df_custom:hover { background: #3acede; color: #fff; } #dp-content .contentWrapper.contentDownloads .contentItem .downloadList .dl_icon { fill: #999; stroke: #999; width: 1.333em; height: 1.2em; position: absolute; top: .75em; left: 1em; } #dp-content .contentWrapper.contentHome .slideHeader { position: relative; background: #f3f3f3; border-bottom: 4px solid #e1e3df; } #dp-content .contentWrapper.contentHome .slideHeader .pagerPos { margin-bottom: 1em; z-index: 15; width: 100%; padding-top: 1em; } #dp-content .contentWrapper.contentHome .slideHeader .colPadding.slideTeaser { position: relative; z-index: 99; } #dp-content .contentWrapper.contentHome .slideHeader .colPadding.slideTeaser h2 { margin: 0 0 .5em; padding: 0; line-height: 1em; display: block; text-transform: uppercase; position: relative; } #dp-content .contentWrapper.contentHome .slideHeader .colPadding.slideTeaser h3 { margin: 0; } #dp-content .contentWrapper.contentHome .slideHeader .colPadding.slideTeaser h2 .name { font-size: 1.25em; } #dp-content .contentWrapper.contentHome .slideHeader .colPadding.slideTeaser p { display: none; font-size: .925em; padding-right: 3em; margin: .5em 0; } #dp-content .contentWrapper.contentHome .slideHeader .colPadding.slideTeaser a.mainLink { display: block; color: #666666; -webkit-transition: all .15s; transition: all .15s; } #dp-content .contentWrapper.contentHome .slideHeader .pageMarker { position: absolute; bottom: 10px; padding: 5px; line-height: 12px; left: 50%; -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0); } #dp-content .contentWrapper.contentHome .slideHeader .pageMarker a { position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 5px; border-radius: 50%; background: #D2F4F7; vertical-align: middle; box-shadow: inset -2px 2px 1px rgba(0,0,0,0.3), 0 0 3px 2px rgba(255,255,255,0.5); } #dp-content .contentWrapper.contentHome .slideHeader .pageMarker .aktiv { background: #3acede; } #dp-content .contentWrapper.contentHome .contentItem { position: relative; padding: 2em 0; } #dp-content .contentWrapper.contentHome .contentItem .itemTitle,#dp-content .contentWrapper.contentHome .contentItem .page { z-index: 5; } #dp-content .contentWrapper.contentHome .contentItem .itemTitle { position: absolute; font-family: 'chaletpelipal'; text-transform: uppercase; display: block; top: 2em; left: 0; color: #fff; padding: 1em 2em; border-left: none; } #dp-content .contentWrapper.contentHome .contentItem .itemTitle > span { font-size: 2em; line-height: 1em; } #dp-content .contentWrapper.contentHome .contentItem.mainArticle { color: #fff; } #dp-content .contentWrapper.contentHome .contentItem.mainArticle a { color: #fff; } #dp-content .contentWrapper.contentHome .contentItem.mainArticle header { padding-right: 1em; } #dp-content .contentWrapper.contentHome .contentItem.mainArticle header h1 { font-size: 2.5em; } #dp-content .contentWrapper.contentHome .contentItem.mainArticle .textWrapper { font-size: .875em; font-weight: bold; } #dp-content .contentWrapper.contentHome .contentItem.mainArticle.fullscreenBgInner { color: #666666; } #dp-content .contentWrapper.contentHome .contentItem.shortContact { color: #fff; padding-bottom: 3em; } #dp-content .contentWrapper.contentHome .contentItem.shortContact a { color: #fff; } #dp-content .contentWrapper.contentHome .contentItem.shortContact h2 { font-size: 2.375em; max-width: 600px; } #dp-content .contentWrapper.contentHome .contentItem.shortContact input,#dp-content .contentWrapper.contentHome .contentItem.shortContact textarea { background: #fff; border: none; outline: none; -webkit-appearance: none; } #dp-content .contentWrapper.contentHome .contentItem.shortContact input.text,#dp-content .contentWrapper.contentHome .contentItem.shortContact textarea { width: 100%; } #dp-content .contentWrapper.contentHome .contentItem.shortContact input.text { height: 3em; line-height: 1em; margin-bottom: 1em; padding: 0 1em; } #dp-content .contentWrapper.contentHome .contentItem.shortContact textarea { height: 11em; padding: 1em; } #dp-content .contentWrapper.contentHome .contentItem.shortContact .submit { position: relative; z-index: 2; float: right; top: -25px; right: 25px; text-indent: 99em; overflow: hidden; white-space: nowrap; width: 50px; height: 50px; background: #666666 url(../images/btn_submit_shortcontact.png) center no-repeat; } #dp-content .contentWrapper.contentProductList { padding: 2em 0; } #dp-content .contentWrapper.contentProductList .productList .singleProduct { margin: 0 0 2em 0; } #dp-content .contentWrapper.contentProductList .productList .singleProduct .productImage { position: relative; background: rgba(0,0,0,.1); } #dp-content .contentWrapper.contentProductList .productList .singleProduct .title { position: absolute; bottom: 0; left: 0; padding: 1em; } #dp-content .contentWrapper.contentProductList .productList .singleProduct h2 { font-size: 1.25em; display: inline-block; margin: 0; padding: .5em 1.25em; -webkit-border-radius: 1em; border-radius: 1em; background: #fff; line-height: 1em; -webkit-transition: all .25s; transition: all .25s; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);box-shadow: 0 0 10px 0 rgba(0,0,0,0.25); } #dp-content .contentWrapper.contentProductList .productList .singleProduct > a:hover h2 { background: #3acede; color: #fff; } #dp-content .contentWrapper.contentProduct .contentItem .productHeader { background: #f3f3f3; border-bottom: 4px solid #e1e3df; } #dp-content .contentWrapper.contentProduct .contentItem .productContent { margin: 2em 0; background: #fff; } #dp-content .contentWrapper.contentProduct .contentItem .productContent .productText { background: #e1e3df; overflow: hidden; padding: 1em; } #dp-content .contentWrapper.contentProduct .contentItem .imagePreviews { overflow: hidden; text-align: center; } #dp-content .contentWrapper.contentProduct .contentItem .imagePreviews .imageWrapper { width: 31.333%; margin: 0 1% 1em; float: left; position: relative; border: 2px solid #e1e3df; } #dp-content .contentWrapper.contentProduct .contentItem .imagePreviews .imageWrapper:hover { border: 2px solid #666666; } #dp-content .contentWrapper.contentProduct .contentItem .imagePreviews .imageWrapper.active:after { background: #666666; display: block; position: absolute; width: .5em; height: .5em; bottom: -.25em; left: 50%; margin-left: -.25em; -webkit-border-radius: 50%; border-radius: 50%; content: " "; } #dp-content .contentWrapper.contentProduct .contentItem .colorPreviews .imageWrapper { width: 45px; margin: 0 .75em .75em 0; border: none; } #dp-content .contentWrapper.contentProduct .contentItem .colorPreviews .imageWrapper:hover { border: none; } #dp-content .contentWrapper.contentProduct .contentItem .colorPreviews .imageWrapper img { height: 100%; width: 100%; } #dp-content .contentWrapper.contentProduct .contentItem .downloadList { padding: 1em; } #dp-content .contentWrapper.contentProduct .contentItem .downloadList a { padding: .75em .75em .75em 45px; position: relative; display: block; background: #f3f3f3; color: #666666; margin: 0 0 1em; font-family: 'chaletpelipal'; line-height: 1.2em; -webkit-border-radius: 1.5em; border-radius: 1.5em; -webkit-transition: all .25s; transition: all .25s; } #dp-content .contentWrapper.contentProduct .contentItem .downloadList a:hover { background: #3acede; color: #fff; } #dp-content .contentWrapper.contentProduct .contentItem .downloadList .dl_icon { fill: currentColor; stroke: currentColor; width: 1.333em; height: 1.2em; position: absolute; top: .75em; left: .75em; } #dp-content .contentWrapper.contentProduct .contentItem .sizeIcons { margin-top: 2em; overflow: hidden; } #dp-content .contentWrapper.contentProduct .contentItem .sizeIcons .imageWrapper { position: relative; display: inline-block; margin: 0 20px 2em 0; width: 140px; height: 100px; text-align: center; float: left; } #dp-content .contentWrapper.contentProduct .contentItem .sizeIcons .imageWrapper img { position: absolute; top: 50%; left: 50%; } #dp-content .contentWrapper.contentProduct .contentItem .sizeIcons .imageWrapper .size { position: absolute; top: 100%; left: 0; width: 100%; font-size: 11px; } #dp-content .contentWrapper.contentProduct .contentItem .imageWrapper .titlewrap { text-align: center; z-index: 5; position: absolute; bottom: .5em; left: 0; width: 100%; } #dp-content .contentWrapper.contentProduct .contentItem .imageWrapper .titlewrap .title { padding: .5em; display: inline-block; background: rgba(0,0,0,.33); color: #fff; font-size: 11px; line-height: 1em; } #dp-content .contentWrapper.contentProduct .contentItem .colTitle { margin: 2em 0 0; border-left: none; padding: .75em 1.5em; line-height: 1em; display: inline-block; } #dp-content .contentWrapper.contentProduct .contentItem h1.colTitle { text-transform: uppercase; position: relative; } #dp-content .contentWrapper.contentProduct .contentItem h2 { color: #666666; } #dp-content .contentWrapper.contentProduct .contentItem .pagechanger { margin-top: 1em; } #dp-content .contentWrapper.contentProduct .contentItem.color-green h1,#dp-content .contentWrapper.contentProduct .contentItem.color-green h1.colTitle:after { border-color: #20a44d; color: #20a44d; } #dp-content .contentWrapper.contentProduct .contentItem.color-green .downloadList .dl_icon { fill: #20a44d; stroke: #20a44d; } #dp-content .contentWrapper.contentProduct .contentItem.color-green .imagePreviews .imageWrapper.active:after { background: #20a44d; } #dp-content .contentWrapper.contentProduct .contentItem.color-yellow h1,#dp-content .contentWrapper.contentProduct .contentItem.color-yellow h1.colTitle:after { border-color: #fdb716; color: #fdb716; } #dp-content .contentWrapper.contentProduct .contentItem.color-yellow .downloadList .dl_icon { fill: #fdb716; stroke: #fdb716; } #dp-content .contentWrapper.contentProduct .contentItem.color-yellow .imagePreviews .imageWrapper.active:after { background: #fdb716; } #dp-content .contentWrapper.contentProduct .contentItem.color-red h1,#dp-content .contentWrapper.contentProduct .contentItem.color-red h1.colTitle:after { border-color: #b52948; color: #b52948; } #dp-content .contentWrapper.contentProduct .contentItem.color-red .downloadList .dl_icon { fill: #b52948; stroke: #b52948; } #dp-content .contentWrapper.contentProduct .contentItem.color-red .imagePreviews .imageWrapper.active:after { background: #b52948; } #dp-content .contentWrapper.contentProduct .contentItem.color-blue h1,#dp-content .contentWrapper.contentProduct .contentItem.color-blue h1.colTitle:after { border-color: #4e5ca9; color: #4e5ca9; } #dp-content .contentWrapper.contentProduct .contentItem.color-blue .downloadList .dl_icon { fill: #4e5ca9; stroke: #4e5ca9; } #dp-content .contentWrapper.contentProduct .contentItem.color-blue .imagePreviews .imageWrapper.active:after { background: #4e5ca9; } #dp-footer { overflow: hidden; background: #666666; color: #f3f3f3; padding: 1.5em 0 0; } #dp-footer .footerContent { font-size: .925em; margin-right: 2em; } #dp-footer .indent { padding: 0 8px; } #dp-footer h3 { border-bottom: 1px solid #f3f3f3; padding: 0 8px .25em; } #dp-footer a { color: #f3f3f3; } #dp-footer .col { margin-bottom: 1.5em; } #dp-footer .copyright { margin: 0; } #dp-footer .productNavi li { padding: .375em 0 0; } #dp-footer .productNavi a.sub { margin-right: .5em; } #dp-footer .productNavi strong,#dp-footer .productNavi a { display: inline-block; padding: .375em 0; line-height: 1em; } #dp-footer .productNavi a { padding: .375em .25em; } #dp-footer .productNavi a.top { padding-left: 0; margin-top: .37em; } #dp-footer .productNavi strong { padding-left: 0; display: block; } #dp-footer .productNavi .color-green a { color: #20a44d; } #dp-footer .productNavi .color-yellow a { color: #fdb716; } #dp-footer .productNavi .color-red a { color: #b52948; } #dp-footer .productNavi .color-blue a { color: #4e5ca9; } #dp-footer .productNavi .color-green a:hover { background: #20a44d; } #dp-footer .productNavi .color-yellow a:hover { background: #fdb716; } #dp-footer .productNavi .color-red a:hover { background: #b52948; } #dp-footer .productNavi .color-blue a:hover { background: #4e5ca9; } #dp-footer .productNavi li a:hover { color: #fff; } .googleMapWrapper{ position: relative; height: 0; padding-bottom: 45%; } #googleMap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .imageWrapper .imageFormat { height: 0; width: 100%; overflow: hidden; position: relative; } .imageWrapper .imageFormat a { display: block; } .imageWrapper .imageFormat img { width: 100%; height: auto; position: absolute; top: 0; left: 0; } .imageWrapper .imageFormat img.next { z-index: 2; opacity: 0; } .imageWrapper .imageFormat .shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .imageWrapper .imageFormat .shadow.large { -webkit-box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.1); box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.1); } .imageWrapper .imageFormat .shadow.small { -webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,0.05); box-shadow:inset 0 0 2px 0 rgba(0,0,0,0.05); } .imageWrapper .imageFormat .shadow.shadowLight.large { -webkit-box-shadow:inset 0 0 10px 0 rgba(255,255,255,.5); box-shadow:inset 0 0 10px 0 rgba(255,255,255,.5); } .imageWrapper .imageFormat .shadow.shadowLight.small { -webkit-box-shadow:inset 0 0 2px 0 rgba(255,255,255,.5); box-shadow:inset 0 0 2px 0 rgba(255,255,255,.5); } .imageWrapper .imageFormat .loader { position: absolute; top: 50%; left: 50%; margin: -27px 0 0 -27px; z-index: 99; } .imageWrapper .imageFormat.format-1-1 { padding-bottom: 100%; } .imageWrapper .imageFormat.format-4-3 { padding-bottom: 75%; } .imageWrapper .imageFormat.format-3-2 { padding-bottom: 66.6666666667%; } .imageWrapper .imageFormat.format-16-9 { padding-bottom: 56.25%; } .imageWrapper .imageFormat.format-2-1 { padding-bottom: 50%; } .imageWrapper .imageFormat.format-3-1 { padding-bottom: 33.3333333333%; } .rounded{ -webkit-border-radius: 50%; border-radius: 50%; } .dp-tooltip{ display: none; height: 140px; z-index: 9999; margin-top: -160px; width: 100px; margin-left: -50px; font-size: .75em; line-height: 1.2em; font-weight: bold; text-align: center; position: absolute; padding: .75em; background: #666666; color: #fff; } .dp-tooltip:after{ position: absolute; top: 100%; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #666666 transparent transparent transparent; content: " "; } .dp-tooltip.bottom{ margin-top: 40px; } .dp-tooltip.bottom:after{ top: auto; bottom: 100%; border-width: 0 10px 10px 10px; border-color: transparent transparent #666666 transparent; } .pagechanger { font-size: .925em; clear: both; position: relative; background: #3acede; color: #f3f3f3; -webkit-border-radius: 1em; border-radius: 1em; overflow: hidden; } .pagechanger > .text { display: block; height: 2em; padding: .5em 2.25em; line-height: 1em; text-align: center; } .pagechanger a { background: #3acede; display: block; width: 2em; height: 2em; position: absolute; bottom: 0; background-position: center; background-repeat: no-repeat; } .pagechanger a.prev { left: 0; border-right: 1px solid #f3f3f3; background-image: url(../images/pager_arr_l.png); } .pagechanger a.next { right: 0; border-left: 1px solid #f3f3f3; background-image: url(../images/pager_arr_r.png); } .fullscreenBg{ background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .fullscreenBg.fixedAttachment{ background-attachment: fixed; } .fullscreenBg .lightsoff{ z-index: 1; background: rgba(0,0,0,.4); position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .fullscreenBgInner { overflow: hidden; } .fullscreenBgInner video#bgvid { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; -webkit-transform: translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%); background: url(../images/filmszene1HDgrau.jpg) no-repeat; background-size: cover; } .fullscreenBgInner .lightsoff { z-index: 2; background: rgba(0,0,0,.4); position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .fullscreenBgInner .articleBg { z-index: 1; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .fullscreenBgInner .articleBg.fixedAttachment { background-attachment: fixed; } .zooming{ animation-name: zooming; animation-duration: 40s; animation-iteration-count: infinite; animation-timing-function: ease-out; animation-direction: alternate; } .slideDownWhenVisible{ padding: 10px 10px 0; opacity: 0; -ms-transform: translate(0,1.5em); -webkit-transform: translate(0,1.5em); -webkit-transform:translate(0,1.5em);-ms-transform:translate(0,1.5em);transform:translate(0,1.5em); -ms-transition: opacity .5s, -ms-transform 1s; -webkit-transition: opacity .5s, -webkit-transform 1s; transition: opacity .5s, transform 1s; } .slideDownWhenVisible.nowVisible{ opacity: 1; -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0); } #offcanvasmenu{ z-index: 999; position: fixed; overflow-x: hidden; overflow-y: auto; top: 0; left: -280px; width: 280px; height: 100%; padding: 1em; background: #666666; color: #f3f3f3; -webkit-transition: left .5s; transition: left .5s; } #offcanvasmenuclose{ display: none; z-index: 99999; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.offcanvasmenu .pageWrapper { left: 280px; position: fixed; } body.offcanvasmenu #offcanvasmenu { left: 0; } body.offcanvasmenu #offcanvasmenuclose { display: block; } .printonly { display: none; } .cols .row .colFixed400,.cols .row .col33 { padding: 0 0 1em; } #dp-fsslider { background: #f3f3f3; } #dp-fsslider h2 { padding: 1em 0; margin: 0; } #dp-fsslider .slidecontainer { position: relative; } #dp-fsslider .swiper-slide { width: auto; } } @media screen and (min-width: 25em){ } @media screen and (min-width: 30em){ #dp-header .navigationbar > #search.active .searchfields .suchfeld { width: 300px; } } @media screen and (min-width: 32.5em){ } @media screen and (min-width: 40em){ .cols { overflow: hidden; width: auto; margin-left: -1.5em; } .cols .row { overflow: hidden; } .cols .row .col { float: left; padding-left: 1.5em; position: relative; } .cols .row .col100 { width: 100%; } .cols .row .col80 { width: 80%; } .cols .row .col75 { width: 75%; } .cols .row .col66 { width: 66.666%; } .cols .row .col60 { width: 60%; } .cols .row .col50 { width: 50%; } .cols .row .col40 { width: 40%; } .cols .row .col33 { width: 33.333%; padding: 0; } .cols .row .col25 { width: 25%; } .cols .row .col20 { width: 20%; } .cols .row .col16 { width: 16.666%; } .cols .row .colFixed300 { width: 300px; } .cols .row .colFixed400 { width: 400px; padding: 0; } .cols .row .colFixed500 { width: 500px; } .cols .row .colPadding { padding: 2em 10px!important; } .flexbox .cols { margin-left: 0; } .flexbox .cols .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: -webkit-stretch; align-items: -moz-stretch; align-items: -ms-stretch; align-items: -webkit-stretch; align-items: stretch; } .flexbox .cols .row .col { float: none; padding-left: 0; } .flexbox .cols .row .col80 { width: 80%; } .flexbox .cols .row .col75 { width: 75%; } .flexbox .cols .row .col66 { width: 66.666%; } .flexbox .cols .row .col60 { width: 60%; } .flexbox .cols .row .col50 { width: 50%; } .flexbox .cols .row .col40 { width: 40%; } .flexbox .cols .row .col33 { width: 33.333%; } .flexbox .cols .row .col25 { width: 25%; } .flexbox .cols .row .col20 { width: 20%; } .flexbox .cols .row .col16 { width: 16.666%; } .flexbox .cols .row-reverse { flex-direction: -webkit-row-reverse; flex-direction: -moz-row-reverse; flex-direction: -ms-row-reverse; flex-direction: row-reverse; } .flexbox #dp-content .contentWrapper.contentDownloads .col { margin-right: 2em; } #dp-content .contentWrapper.contentHome .slideHeader .pagerPos { position: absolute; top: 0; left: 0; margin: 0; } #dp-content .contentWrapper.contentHome .slideHeader .colPadding.slideTeaser { padding-right: 0!important; position: absolute; bottom: 0; left: 0; width: 100%; } #dp-content .contentWrapper.contentHome .slideHeader .colPadding.slideTeaser h2 { width: 100%; border-right: none; } #dp-content .contentWrapper.contentHome .slideHeader .colPadding.slideTeaser h2 .arrow { display: block; } #dp-content .contentWrapper.contentHome .contentItem.shortContact .col66 { padding-left: 1em; } #dp-content .contentWrapper.contentProductList .productList .singleProduct { margin: 0 2em 2em 0; } #dp-content .contentWrapper.contentProduct .contentItem .imagePreviews { position: absolute; bottom: 0; left: 0; width: 100%; } } @media screen and (min-width: 51.25em){ } @media screen and (min-width: 56.25em){ #dp-content .contentWrapper.contentProduct .contentItem .imagePreviews.colorPreviews { bottom: auto; top: 50%; } .cols .row .colPadding{ padding: 2em 3em!important; } } @media screen and (min-width: 60em){ } @media screen and (min-width: 65em){ #dp-header { z-index: 500; position: fixed; top: 0; left: 0; width: 100%; } #dp-header .navigationbar { width: auto; top: auto; margin-top: 0; bottom: -1em; left: auto; right: 1em; padding: 0; } #dp-header .navigationbar > ul.menu { float: left; } #dp-header .navigationbar > #search { float: left; } #dp-header .navigationbar #mobileMenuBtn { display: none; } #dp-header .innerbg { background: #fff; } #dp-header #page_background { z-index: -1; background: #fff url("../images/page_bg.png") repeat-x 0 0; height: 40px; left: 0; position: absolute; top: 1em; width: 50%; } #dp-header .dp-language { display: block; } #dp-header ,.fixedheaderspacer { padding: 1em 0; border-bottom: 4px solid #e1e3df; } #dp-header .logo,#dp-header .logospacer,.fixedheaderspacer .logo,.fixedheaderspacer .logospacer { display: inline-block; width: 132px; height: 48px; margin: 0; } #dp-content .contentWrapper .contentItem.fullscreenMap { padding: 3em 0; } #dp-content .contentWrapper .contentItem.fullscreenMap .itemTitle { top: 3em; } } @media screen and (min-width: 75em){ #dp-content .contentWrapper.contentHome .slideHeader .colPadding.slideTeaser p { display: block; } } @media screen and (min-width: 107.5em){ }
/* content              [2326] */ @media all { body { color: #666666; line-height: 1.5; } body,table,input,textarea,button { font-family: Arial, Helvetica, sans-serif, Helvetica, sans-serif; font-size: 1em; } .loading-info{ color: #000!important; } h1,h2,h3,h4,h5,h6 { margin:0 0 0.5em; font-family: 'chaletpelipal', sans-serif; color: #3acede; } h1{ font-size: 1.5em; } h2{ font-size: 1.375em; } h3{ font-size: 1.25em; } h4{ font-size: 1.125em; } h5{ font-size: 1em; } h6{ font-size: 0.875em; } a { color: #3acede; text-decoration: none; } a:focus{ outline: none; } td p { margin: 0; } .teaserBild { float: left; margin-right: 0.15em; } .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; } .medium, img{ max-width: 100%; height: auto; } .pager{ color: gray; } .pager .aktuell a{ color: black; } .contentWrapper { display: inline-block; width: 100%; } .contentLink { clear: both; } .copyright{ font-size: .75em; text-align: right; opacity: .5; margin-top: 2em; } svg{ display: none; } .inlinesvg svg{ display: inline; } #dp-content .contentWrapper.contentProductList .productList .singleProduct .produktNavi.color-green a { background: #20a44d; } #dp-content .contentWrapper.contentProductList .productList .singleProduct .produktNavi.color-yellow a { background: #fdb716; } #dp-content .contentWrapper.contentProductList .productList .singleProduct .produktNavi.color-red a { background: #b52948; } #dp-content .contentWrapper.contentProductList .productList .singleProduct .produktNavi.color-blue a { background: #4e5ca9; } .loader{ padding: 10px; width: 55px!important; height: 55px!important; background: #f3f3f3; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.1); box-shadow: 0 0 3px 0 rgba(0,0,0,.1); -webkit-border-radius: 6px; border-radius: 6px; } }
/* menu                 [6662] */ @media screen, projection { ul.dp-navigation { overflow: hidden; } ul.dp-navigation li { float: left; width: 50%; } ul.dp-navigation li a { display: block; padding: .375em 8px; } ul.dp-navigation li a.aktiv,ul.dp-navigation li a:hover,ul.dp-navigation li a:focus { text-decoration: none; background: rgba(255,255,255,.05); } ul.mainmenu a[href='#'] { cursor: default; } ul.menu { display: none; } ul.menu li a,ul.menu li .coltitle { display: block; } ul.menu li a.aktiv,ul.menu li a:hover,ul.menu li a:focus { text-decoration: none; } ul.submenu li a { display: block; } ul.menu .mobileExpander { display: none; } ul.menu > li { float: left; margin: 0 0 0 1px; position: relative; padding-bottom: 1em; } ul.menu > li > a { position: relative; font-weight: 300; padding: 1em 1.5em; line-height: 1em; text-transform: uppercase; color: #666666; background: #f3f3f3; -webkit-transition: color .15s, background .15s; transition: color .15s, background .15s; } ul.menu > li.hover a,ul.menu > li > a:hover { background: #666666; color: #f3f3f3; } ul.menu ul.menuDepth1 { display: none; position: absolute; width: 280px; margin-left: -140px; padding: 1em .75em; top: 100%; left: 50%; background: #666666; } ul.menu ul.menuDepth1 > li,ul.menu ul.menuDepth1.colcount-2 > .menucol > li { font-size: 0.875em; line-height: 1.2em; text-transform: uppercase; } ul.menu ul.menuDepth1 > li > a,ul.menu ul.menuDepth1 > li > .coltitle,ul.menu ul.menuDepth1.colcount-2 > .menucol > li > a,ul.menu ul.menuDepth1.colcount-2 > .menucol > li > .coltitle { color: #f3f3f3; padding: .625em; font-weight: 600; -webkit-transition: color .15s, background .15s; transition: color .15s, background .15s; } ul.menu ul.menuDepth1 > li > .coltitle,ul.menu ul.menuDepth1.colcount-2 > .menucol > li > .coltitle { border-bottom: 1px solid rgba(255,255,255,.2); } ul.menu ul.menuDepth1 > li.hover > a,ul.menu ul.menuDepth1 >li > a:hover,ul.menu ul.menuDepth1.colcount-2 > .menucol > li.hover > a,ul.menu ul.menuDepth1.colcount-2 > .menucol >li > a:hover { background: #f3f3f3; color: #666666; } ul.menu ul.menuDepth1:before { position: absolute; bottom:100%; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #666666 transparent; content: " "; display: block; } ul.menu > li.hover > ul.menuDepth1 { display: block; } ul.menu ul.menuDepth1.colcount-2 { width: 560px; margin-left: -280px; } ul.menu ul.menuDepth1.colcount-2 > .menucol { width: 50%; float: left; padding-right: .25em; } ul.menu ul.menuDepth1.colcount-2 > .menucol.colright a { font-style: italic; color: rgba(255,255,255,.8); } ul.menu ul.menuDepth2 > li > a { color: #f3f3f3; padding: .625em; font-weight: 400; -webkit-transition: color .15s, background .15s; transition: color .15s, background .15s; } ul.menu ul.menuDepth2 > li.hover > a,ul.menu ul.menuDepth2 >li > a:hover { background: #f3f3f3; color: #666666!important; } ul.menu li.color-green > a { color: #20a44d!important; } ul.menu li.color-yellow > a { color: #fdb716!important; } ul.menu li.color-red > a { color: #b52948!important; } ul.menu li.color-blue > a { color: #4e5ca9!important; } ul.menu li.color-green.hover > a,ul.menu li.color-green > a:hover { background: #20a44d!important; } ul.menu li.color-yellow.hover > a,ul.menu li.color-yellow > a:hover { background: #fdb716!important; } ul.menu li.color-red.hover > a,ul.menu li.color-red > a:hover { background: #b52948!important; } ul.menu li.color-blue.hover > a,ul.menu li.color-blue > a:hover { background: #4e5ca9!important; } ul.mobilemenu { margin: 2em 0; } ul.mobilemenu ul.menuDepth1,ul.mobilemenu .imageHolder { display: none; } ul.mobilemenu a { display: block; } ul.mobilemenu > li { position: relative; margin-bottom: 1em; } ul.mobilemenu > li > a { font-size: 1.25em; position: relative; font-weight: 300; padding: .375em .125em; line-height: 1.2; text-transform: uppercase; color: #f3f3f3; } ul.mobilemenu > li.has-children > .mobileExpander { background-image: url(../images/menu_mobile_arr_bottom.png); background-repeat: no-repeat; background-position: center; z-index: 88; width: 2em; display: block; position: absolute; top: 0; right: 0; font-size: 1.25em; padding: .375em; line-height: 1.2; } ul.mobilemenu > li.has-children ul.menuDepth1 { display: none; padding-bottom: 1em; } ul.mobilemenu > li.has-children ul.menuDepth1 > li { padding: 1em 0 0; line-height: 1.2em; text-transform: uppercase; } ul.mobilemenu > li.has-children ul.menuDepth1 > li > a { color: #f3f3f3; padding: .375em; font-size: .875em; } ul.mobilemenu > li.has-children ul.menuDepth1 > li.has-children,ul.mobilemenu > li.has-children ul.menuDepth1 > li.indent { position: relative; } ul.mobilemenu > li.has-children ul.menuDepth1 > li.has-children > a,ul.mobilemenu > li.has-children ul.menuDepth1 > li.indent > a { margin-bottom: -1px; padding: .375em 1em .375em 3em; font-weight: 600; font-size: 1em; border-bottom: 1px solid rgba(255,255,255,.2); } ul.mobilemenu > li.has-children ul.menuDepth1 > li.indent > a { border-bottom: none; margin-bottom: 0; } ul.mobilemenu > li.has-children ul.menuDepth1 .icon { position: absolute; top: 1em; left: 1em; padding: .625em 0 0; } ul.mobilemenu > li.has-children ul.menuDepth1 .spacerArrow { display: block; margin-bottom: .375em; background: url(../images/menu_mobile_arrspacer.png) center top no-repeat; height: 5px; } ul.mobilemenu > li.has-children ul.menuDepth2 { overflow: hidden; } ul.mobilemenu > li.has-children ul.menuDepth2 > li { float: left; margin: .75em .75em 0 0; text-align: center; } ul.mobilemenu > li.has-children ul.menuDepth2 > li > a { display: inline-block; padding: .5em; line-height: 1em; color: #fff!important; background: #f3f3f3; } ul.mobilemenu > li.has-children ul.menuDepth2 li.color-green > a { background: #20a44d!important; } ul.mobilemenu > li.has-children ul.menuDepth2 li.color-yellow > a { background: #fdb716!important; } ul.mobilemenu > li.has-children ul.menuDepth2 li.color-red > a { background: #b52948!important; } ul.mobilemenu > li.has-children ul.menuDepth2 li.color-blue > a { background: #4e5ca9!important; } ul.mobilemenu > li.has-children.active > .mobileExpander { background-image: url(../images/menu_mobile_arr_top.png); } ul.mobilemenu > li.has-children.active ul.menuDepth1 { display: block; } ul.mobilemenu li.color-green > a { color: #20a44d!important; } ul.mobilemenu li.color-yellow > a { color: #fdb716!important; } ul.mobilemenu li.color-red > a { color: #b52948!important; } ul.mobilemenu li.color-blue > a { color: #4e5ca9!important; } } @media all and (min-width: 65em){ ul.menu { display: block; } }
/* print                [1845] */ @media print { #dp-header,#dp-left,#dp-footer, video, .contentHome .fullscreenMap, .contentHome .shortContact, #offcanvasmenu, .fixedheaderspacer, .pagerPos { display: none; } .contentWrapper { display: block; } #dp-content, h1, h2, h3, h4, h5, h6 { width: 100%; margin: 0; padding: 0; border: 0; } .noprint { display: none; } .printonly { display: block; } img { width: 100%; } img.printlogo { margin: 5px 10px 10px 0; max-width: 175px; } .imageWrapper { display: inline-block; padding: 5px; } .previewImage img { display: inline-block; width: 100%; } #dp-content .contentWrapper.contentProductList .productList .singleProduct { overflow: hidden; page-break-inside: avoid; margin-bottom: 3em; } #dp-content .contentWrapper.contentProductList .productList .singleProduct .produktNavi.color-green a { color: #20a44d; } #dp-content .contentWrapper.contentProductList .productList .singleProduct .produktNavi.color-yellow a { color: #fdb716; } #dp-content .contentWrapper.contentProductList .productList .singleProduct .produktNavi.color-red a { color: #b52948; } #dp-content .contentWrapper.contentProductList .productList .singleProduct .produktNavi.color-blue a { color: #4e5ca9; } #dp-content .contentWrapper.contentProductList .productList .singleProduct .produktNavi li { float: left; display: inline-block; padding: 0 1em .5em 0; } #dp-content .contentWrapper.contentProduct .productHeader,#dp-content .contentWrapper.contentProduct .productContent > .cols > .row { overflow: hidden; page-break-inside: avoid; margin-bottom: 3px; } #dp-content .contentWrapper.contentProduct .downloadList { display: none; } .haendlersuche .fullscreenMap { display: block; } .haendlersuche .fullscreenMap #googleMap { display: block; margin: 0 auto; } .hide { display: none; } .contentList a[href]:after { content: " (" attr(href) ") "; } }
/* form                 [5342] */ @media all { .dp-form fieldset { border: 0; padding: 0; margin: 0; overflow: hidden; } .dp-form img.captcha2 {border: 1px solid #aaa;} .dp-form input[type="checkbox"],.dp-form input[type="radio"] { margin-right: 5px; } .dp-form .row { padding: 0 1em 1em 0; overflow: hidden; } .dp-form .row-full { clear: both; padding-top: .5em; } .dp-form .row label,.dp-form .row input,.dp-form .row textarea,.dp-form .row select { font-size: .875em; padding: .25em; line-height: 1.2; } .dp-form .row input,.dp-form .row textarea,.dp-form .row select { background: #fff; border: 1px solid #aaa; } .dp-form .row-text label { float: left; width: 100%; display: inline-block; } .dp-form .row-text input,.dp-form .row-text select { float: left; width: 100%; display: inline-block; } .dp-form .row-full label { display: block; } .dp-form .row-full textarea { max-width: 640px; height: 10em; width: 100%; } .dp-form .row-error label { font-weight: bold; color: red; } .dp-form .row-error .message { display: none;} .dp-form button,.dp-form input.submit { font-size: .875em; color: #666666; background: #f3f3f3; padding: .75em; line-height: 1em; border: none; outline: none; -webkit-appearance: none; border-bottom: 3px solid #e1e3df; -webkit-transition: all .15s; transition: all .15s; } .dp-form button:hover,.dp-form input.submit:hover { background: #666666; color: #f3f3f3; } .dp-form .requiredNotice { color: #aaa; font-size: .75em; margin: 0 0 1em; } .login-form .row label { width: 35%; } .login-form .row-button { margin-left: 35%; } .login-form .row input { width: 60%; } input[autocomplete]{ background-position: 98% center; } input[autocomplete].ui-autocomplete-loading{ background-image: url(../images/ajaxloading-pelipal.gif); background-position: 98% center; background-repeat: no-repeat; } .errormessage{ margin-bottom: 2em; font-size: .85em; padding: 10px; background: #ebecea; border-bottom: 4px solid #cc1d1d; } .successmessage{ margin-bottom: 2em; font-size: .85em; padding: 20px; background: #ebecea; border-bottom: 4px solid #ed0000; } .successmessage h2{ color: #ed0000; } .dp-form.auftragsstatusabfrage { padding: 20px; background: #ebecea; max-width: 560px; margin: 0 auto; } .dp-form.auftragsstatusabfrage button,.dp-form.auftragsstatusabfrage input.submit { background-color: #3acede!important; color: #f3f3f3!important; } .dp-form.auftragsstatusabfrage button[disabled],.dp-form.auftragsstatusabfrage input.submit[disabled] { opacity: .5; cursor: not-allowed; } .dp-form.auftragsstatusabfrage button:hover,.dp-form.auftragsstatusabfrage input.submit:hover { text-decoration: underline; } .dp-form.auftragsstatusabfrage > fieldset > *:last-child { margin-bottom: 0; padding-bottom: 0; } .dp-form.auftragsstatusabfrage .last-update { font-size: 12px; opacity: .666; } .dp-form.auftragsstatusabfrage .is-captcha input.text { margin: 1px 5px 0 0; width: 150px!important; } .dp-form.auftragsstatusabfrage .is-captcha img { position: relative; height: 2.5em; } .dp-form.auftragsstatusabfrage label { padding: 0!important; font-weight: bold; font-family: var(fontseconday); text-transform: uppercase; font-size: 1em; } .dp-form.auftragsstatusabfrage .row-text .description { margin: 0 0 2px; font-size: .75em; } .dp-form.auftragsstatusabfrage .row,.dp-form.auftragsstatusabfrage .formrow { padding: 0 0 .875em 0!important; } .dp-form.auftragsstatusabfrage fieldset { border: 0; padding: 0; margin: 0; } .dp-form.auftragsstatusabfrage input.text,.dp-form.auftragsstatusabfrage textarea,.dp-form.auftragsstatusabfrage select { width: 100%; border: 1px solid #ccc; padding: .5em .75em; color: var(defaultfontcolor); } .dp-form.auftragsstatusabfrage input.text:focus,.dp-form.auftragsstatusabfrage textarea:focus,.dp-form.auftragsstatusabfrage select:focus { background-color: #f4f4f4; } .dp-form.auftragsstatusabfrage input[type="checkbox"],.dp-form.auftragsstatusabfrage input[type="radio"] { margin-right: var(minspacing); } .dp-form.auftragsstatusabfrage textarea { height: 8em; } .dp-form.auftragsstatusabfrage .row-text input { float: none; display: block; } .dp-form.auftragsstatusabfrage .row { margin: 0 0 1em; } .dp-form.auftragsstatusabfrage .row label { width: 100%; } .dp-form.auftragsstatusabfrage .row-error input.text,.dp-form.auftragsstatusabfrage .row-error textarea { border: 1px solid #c33; } .dp-form.auftragsstatusabfrage .row-error .message { color: #c33; font-size: .875em; font-weight: var(fontweightbold); } .dp-form.auftragsstatusabfrage button,.dp-form.auftragsstatusabfrage .submit { border: none; outline: none; padding: .5em .75em; background-color: #666666; color: var(pagebackground); } .dp-form.auftragsstatusabfrage button:hover,.dp-form.auftragsstatusabfrage .submit:hover { background-color: var(defaultlinkhover)!important; } .dp-form.auftragsstatusabfrage .requiredNotice { font-size: .75em; margin: 0 0 var(minspacing); opacity: .75; } } @media all and (min-width: 40em){ .dp-form .row-text { float: left; width: 50%; } .dp-form.auftragsstatusabfrage .row-text { float: none; width: 100%; } .dp-form.auftragsstatusabfrage .row-text label { width: 100%; display: inline-block; } .dp-form.auftragsstatusabfrage .row-text input,.dp-form.auftragsstatusabfrage .row-text select { width: 100%; display: inline-block; } } @media all and (min-width: 60em){ .dp-form .row-text { width: 33.333%; } }
/* swiper              [18731] */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); -webkit-transform:translate3d(0px, 0, 0);-ms-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height; } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; -webkit-appearance:none;-moz-appearance:none;appearance:none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); -webkit-transform:translate3d(0px, -50%, 0);-ms-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; } .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-backface-visibility:hidden;backface-visibility:hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-backface-visibility:hidden;backface-visibility:hidden; } .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg); } }