@CHARSET "UTF-8";
/* variables              [18] */ 
/* fonts                 [213] */ @font-face { font-family: 'Pelipal'; font-style: normal; font-weight: 700; src: url(../fonts/Chalet-NewYorkSixty.woff) format('woff'), url(../fonts/Chalet-NewYorkSixty.eot) format('truetype'); } 
/* 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                 [1598] */ @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @media all { .fade-in { opacity:0; animation:fadeIn ease-in 1; animation-fill-mode:forwards; animation-duration:.25s; animation-delay: .25s } *, *:after, *:before{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block; } html{ height: 100%; } body{ overflow-y: scroll; overflow-x: hidden; } body, .dp-pagewrapper{ background: #fff; } .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: 1em; } fieldset { min-width: 0; width: 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; } } @-moz-document url-prefix() { fieldset { display: table-cell; } } 
/* pelipal-icons        [1362] */ @font-face { font-family: 'pelipal-icons'; src: url('../fonts/pelipal-icons.eot?57834816'); src: url('../fonts/pelipal-icons.eot?57834816#iefix') format('embedded-opentype'), url('../fonts/pelipal-icons.woff2?57834816') format('woff2'), url('../fonts/pelipal-icons.woff?57834816') format('woff'), url('../fonts/pelipal-icons.ttf?57834816') format('truetype'), url('../fonts/pelipal-icons.svg?57834816#pelipal-icons') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "pelipal-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-pp_konfig:before { content: '\e800'; } .icon-pp_earth:before { content: '\e801'; } .icon-pp_pdf:before { content: '\e802'; } .icon-pp_pfeil:before { content: '\e803'; } .icon-pp_stern:before { content: '\e804'; } .icon-pp_navi:before { content: '\e805'; } .icon-pp_lupe:before { content: '\e807'; } .icon-pp_slider_l:before { content: '\e808'; } .icon-pp_slider_r:before { content: '\e809'; } .icon-pp_reset:before { content: '\e815'; } .icon-pp_stern-kontur:before { content: '\e82e'; } 
/* layout              [59486] */ @media screen, projection { .page { max-width: 1170px; margin: 0 auto; padding: 0 15px; position: relative; } #cookienotice{ text-align: center; padding: .5em; font-size: 11px; background: #ccc; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; } #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; } #dp-header { padding: 10px 0; position: relative; background: #fff; background: rgba(255,255,255,.9); z-index: 999; -webkit-transition: all .666s; -moz-transition: all .5s; transition: all .5s; } #dp-header .logo { display: inline-block; max-width: 40%; position: absolute; left: 15px; top: 50%; -webkit-transform: translate(0, -50%); -webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%); } #dp-header .header-func { margin: 10px 0; padding: 10px 0 0; z-index: 99; position: relative; float: right; line-height: 1em; } #dp-header .header-func .func-wrapper { padding: 0 5px; position: relative; top: -.125em; border-left: 1px solid #56565a; } #dp-header .header-func .func-wrapper [class^="icon-"]::before,#dp-header .header-func .func-wrapper [class*=" icon-"]::before { font-size: 1.25em; margin:0!important; display: inline-block; } #dp-header .header-func .func-wrapper .func-trigger { color: #56565a; } #dp-header .header-func .func-wrapper .func-popup { display: none; position: absolute; top: 100%; right: -5px; padding-top: 10px; } #dp-header .header-func .func-wrapper .func-popup .popup-inner { padding: 5px; background: #00c5d6; white-space: nowrap; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.25); box-shadow: 0 0 5px 0 rgba(0,0,0,.25); } #dp-header .header-func.func-menu { margin-top: 6px; } #dp-header .header-func.func-language .func-wrapper .lang-name { font-weight: 700; display: inline-block; position: relative; top: -1px; } #dp-header .header-func.func-language .func-wrapper .func-popup { right: auto; left: 50%; -webkit-transform: translate(-50%,0); -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0); } #dp-header .header-func.func-language .func-wrapper .func-popup .popup-inner { padding: 10px; } #dp-header .header-func.func-language .func-wrapper .func-popup a { color: #fff; } #dp-header .header-func.func-language .func-wrapper:hover .func-popup { display: block; } #dp-header .header-func.func-language .func-wrapper:hover .func-trigger { color: #00c5d6; cursor: default; } #dp-header .header-func.func-search .func-wrapper .func-popup { right: -50px; } #dp-header .header-func.func-search .func-wrapper .func-popup input { border: none; outline: none; padding: 5px; } #dp-header .header-func.func-search .func-wrapper .func-trigger { cursor: pointer; } #dp-header .header-func.func-search .func-wrapper.toggle .func-popup { display: block; } #dp-header .header-func.func-search .func-wrapper.toggle .func-trigger { color: #00c5d6; } .hasSliderOverlay:before, .hasSliderOverlay:after{ z-index: 10; width: 20px; background: rgba(86,86,90,.8); position: absolute; top: 0; height: 100%; content: ""; } .hasSliderOverlay:before{ left: 0; border-right: 1px solid #56565a; } .hasSliderOverlay:after{ right: 0; border-left: 1px solid #56565a; } .hasSliderOverlay{ padding: 0 20px; position: relative; } .hasSliderArrows .swiper-button-next,.hasSliderArrows .swiper-button-prev { background: none; color: #fff; font-size: 1em; width: auto; height: auto; margin: 0; -webkit-transform: translate(0,-50%); -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%); z-index: 54; } .hasSliderArrows .swiper-button-next { right: -3px; } .hasSliderArrows .swiper-button-prev { left: -3px; } .hasSliderArrows .swiper-button-next:hover,.hasSliderArrows .swiper-button-prev:hover { color: #00c5d6; } #dp-headerimage { overflow: hidden; position: relative; border-bottom: 3px solid #00c5d6; } #dp-headerimage .mainImageWrapper { z-index: 15; border: 1px solid #ccc; border-top: none; border-bottom: none; background-color: #fff; } #dp-headerimage .mainImageWrapper .imageText { z-index: 10; position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translate(0px, -40%); -webkit-transform:translate(0px, -40%);-ms-transform:translate(0px, -40%);transform:translate(0px, -40%); } #dp-headerimage .mainImageWrapper .textWrapper { font-size: .75em; float: right; width: 500px; max-width: 95% } #dp-headerimage .mainImageWrapper .textWrapper .line-1 > *,#dp-headerimage .mainImageWrapper .textWrapper .line-2 > * { display: inline-block; font-weight: 700; line-height: 1; margin: 0; position: relative; } #dp-headerimage .mainImageWrapper .textWrapper .line-1 > * { float: right; max-width: 85%; margin-right: 8%; top: 5px; z-index: 3; color: #56565a; padding: 5px; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.333);box-shadow: 0 0 5px 0 rgba(0,0,0,.333); } #dp-headerimage .mainImageWrapper .textWrapper .line-2 > * { text-align: center; width: 100%; padding: 10px 25px 15px 15px; color: #fff; background-image: url(../images/headerimage-line-2.png); background-repeat: no-repeat; background-size: 100% 100%; } #dp-headerimage .mainImageWrapper .imageAddon { display: none; } #dp-headerimage .mainImageWrapper .serienColors { position: absolute; text-align: center; bottom: 0; left: 0; width: 100%; padding: 5px; background: linear-gradient(to right, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,0.25) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#40ffffff',GradientType=1 ); } #dp-headerimage .blurred-image { z-index: 0; -webkit-filter: blur(10px); filter: blur(10px); } ._serienDetails .serienColors { position:relative; text-align: center; padding: 5px; margin-bottom:40px;} .color-swiper { margin: 0 auto; padding: 0 30px; position: relative; } .color-swiper .arrow { color: #000; position: absolute; top: 50%; text-shadow: 1px 1px 1px #000; margin-top: -.5em; line-height: 1em; font-size: 1.5em; z-index: 5; } .color-swiper .arrow.arr-l { left: 5px; } .color-swiper .arrow.arr-r { right: 5px; } .color-swiper .slider-inner { position: relative; text-align: center; } .color-swiper .colorItem { display: inline-block; } .colorItem{ width: 16px; max-width: 100%; } .colorImageBox{ overflow: hidden; -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,.333); box-shadow: 1px 1px 3px 0 rgba(0,0,0,.333); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .25s; transition: all .25s; } #dp-breadcrumbs { font-size: .888em; padding: 15px 0; } #dp-breadcrumbs a { color: #56565a; margin: 0 5px; font-weight: 400; } #dp-breadcrumbs a.current { font-weight: 700; } .startPage #dp-content > .contentWrapper:first-of-type{ border-top: none!important; } #dp-content { min-height: 200px; } #dp-content > .contentWrapper { padding: 50px 0; border-top: 2px solid rgba(86,86,90,.8); } #dp-content > .contentWrapper header.sectionheader,#dp-content > .contentWrapper header.articleHeader { color: #00c5d6; text-align: center; margin: 0 0 25px; } #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,#dp-content > .contentWrapper header.articleHeader h1,#dp-content > .contentWrapper header.articleHeader .h1,#dp-content > .contentWrapper header.articleHeader h2,#dp-content > .contentWrapper header.articleHeader .h2,#dp-content > .contentWrapper header.articleHeader h3,#dp-content > .contentWrapper header.articleHeader .h3,#dp-content > .contentWrapper header.articleHeader h4,#dp-content > .contentWrapper header.articleHeader .h4,#dp-content > .contentWrapper header.articleHeader h5,#dp-content > .contentWrapper header.articleHeader .h5,#dp-content > .contentWrapper header.articleHeader h6,#dp-content > .contentWrapper header.articleHeader .h6 { margin: 0; } #dp-content > .contentWrapper .contentItem { position: relative; } #dp-content > .contentWrapper .contentItem .sidebar-images { max-width: 580px; margin: 0 auto; } #dp-content > .contentWrapper .contentItem .sidebar-images a { display: block; margin: 5px 0; } #dp-content > .contentWrapper .contentItem .dp-producthighlights { margin: 25px auto; } #dp-content > .contentWrapper .contentItem .dp-producthighlights .defaultProductItem { margin: 5px 0; } #dp-content > .contentWrapper .contentItem .mainteaserlink { margin: 25px 0 50px; text-align: center; } #dp-content > .contentWrapper .contentItem .content-form { margin: 25px 0; } #dp-content > .contentWrapper .contentItem .pdf-viewer { margin: 25px auto; width: 200px; } #dp-content > .contentWrapper .contentItem ._df_button { border: none; } #dp-content > .contentWrapper .jobs-list h3 { font-size: 1.125em; margin: 0; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #00c5d6; } #dp-content > .contentWrapper .jobs-list a { color: #56565a; } #dp-content > .contentWrapper .jobs-list [class^="icon-"]::before,#dp-content > .contentWrapper .jobs-list [class*=" icon-"]::before { color: #00c5d6; font-size: .875em; -webkit-transform: rotate(-90deg); -webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg); -webkit-transition: all .4s; transition: all .4s; } #dp-content > .contentWrapper.contentStartSchritte header.articleHeader { color: #56565a; text-align: left; margin: 0 0 5px; } #dp-content > .contentWrapper.contentStartSchritte header.articleHeader h1,#dp-content > .contentWrapper.contentStartSchritte header.articleHeader .h1,#dp-content > .contentWrapper.contentStartSchritte header.articleHeader h2,#dp-content > .contentWrapper.contentStartSchritte header.articleHeader .h2,#dp-content > .contentWrapper.contentStartSchritte header.articleHeader h3,#dp-content > .contentWrapper.contentStartSchritte header.articleHeader .h3,#dp-content > .contentWrapper.contentStartSchritte header.articleHeader h4,#dp-content > .contentWrapper.contentStartSchritte header.articleHeader .h4,#dp-content > .contentWrapper.contentStartSchritte header.articleHeader h5,#dp-content > .contentWrapper.contentStartSchritte header.articleHeader .h5,#dp-content > .contentWrapper.contentStartSchritte header.articleHeader h6,#dp-content > .contentWrapper.contentStartSchritte header.articleHeader .h6 { font-size: 1em; text-transform: uppercase; } #dp-content > .contentWrapper.contentStartSchritte .contentItem { margin-left: 40px; margin-top: 25px; } #dp-content > .contentWrapper.contentStartSchritte .contentItem .article-count { position: absolute; top: 0; padding: 1px; font-weight: 700; right: 100%; margin-right: 10px; width: 30px; height: 30px; background: #00c5d6; color: #fff; text-align: center; } #dp-content > .contentWrapper.contentNewsblog header.articleHeader { margin: 0; text-align: left; color: #fff; } #dp-content > .contentWrapper.contentNewsblog header.articleHeader h1,#dp-content > .contentWrapper.contentNewsblog header.articleHeader .h1,#dp-content > .contentWrapper.contentNewsblog header.articleHeader h2,#dp-content > .contentWrapper.contentNewsblog header.articleHeader .h2,#dp-content > .contentWrapper.contentNewsblog header.articleHeader h3,#dp-content > .contentWrapper.contentNewsblog header.articleHeader .h3,#dp-content > .contentWrapper.contentNewsblog header.articleHeader h4,#dp-content > .contentWrapper.contentNewsblog header.articleHeader .h4,#dp-content > .contentWrapper.contentNewsblog header.articleHeader h5,#dp-content > .contentWrapper.contentNewsblog header.articleHeader .h5,#dp-content > .contentWrapper.contentNewsblog header.articleHeader h6,#dp-content > .contentWrapper.contentNewsblog header.articleHeader .h6 { line-height: 1.1; } #dp-content > .contentWrapper.contentNewsblog .contentItem { margin: 25px auto 0; max-width: 420px; } #dp-content > .contentWrapper.contentNewsblog .contentItem a { display: block; color: #fff; } #dp-content > .contentWrapper.contentNewsblog .contentItem .teaser { margin: 0; font-size: .925em; } #dp-content > .contentWrapper.contentNewsblog .contentItem .articleText { z-index: 2; position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; background: rgba(86,86,90,.8); } #dp-content > .contentWrapper.contentNewsblog .contentItem a:hover .articleText { background: rgba(0,197,214,.8); } #dp-content > .contentWrapper.contentStartSortimente header.articleHeader { margin: 0 0 5px; padding: 0 0 5px; text-align: left; color: #fff; border-bottom: 1px solid #00c5d6; } #dp-content > .contentWrapper.contentStartSortimente header.articleHeader h1,#dp-content > .contentWrapper.contentStartSortimente header.articleHeader .h1,#dp-content > .contentWrapper.contentStartSortimente header.articleHeader h2,#dp-content > .contentWrapper.contentStartSortimente header.articleHeader .h2,#dp-content > .contentWrapper.contentStartSortimente header.articleHeader h3,#dp-content > .contentWrapper.contentStartSortimente header.articleHeader .h3,#dp-content > .contentWrapper.contentStartSortimente header.articleHeader h4,#dp-content > .contentWrapper.contentStartSortimente header.articleHeader .h4,#dp-content > .contentWrapper.contentStartSortimente header.articleHeader h5,#dp-content > .contentWrapper.contentStartSortimente header.articleHeader .h5,#dp-content > .contentWrapper.contentStartSortimente header.articleHeader h6,#dp-content > .contentWrapper.contentStartSortimente header.articleHeader .h6 { line-height: 1.1; } #dp-content > .contentWrapper.contentStartSortimente header.articleHeader a { color: #fff; } #dp-content > .contentWrapper.contentStartSortimente .contentItem { margin: 80px auto 0; max-width: 640px; } #dp-content > .contentWrapper.contentStartSortimente .contentItem .articleText { position: relative; z-index: 2; padding: 15px; background: rgba(86,86,90,.8); } #dp-content > .contentWrapper.contentStartSortimente .contentItem .articleText .factList { overflow: hidden; margin-bottom: 15px; } #dp-content > .contentWrapper.contentStartSortimente .contentItem .articleText .factList li { margin: 10px 0 0; color: #fff; font-size: .925em; border-left: 1px solid #00c5d6; padding-left: 10px; line-height: 1.1; } #dp-content > .contentWrapper.contentStartSortimente .contentItem .articleImage { position: relative; height: 150px; } #dp-content > .contentWrapper.contentStartSortimente .contentItem .articleImage .personImage { overflow: hidden; width: 100%; position: absolute; top: -40px; left: 0; bottom: 0; } #dp-content > .contentWrapper.contentStartSortimente .contentItem .articleImage .personImage img { position: absolute; top: 0; height: 100%; left: 50%; width: auto; max-width: none; -webkit-transform: translate(-50%, 0); -webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0); } #dp-content > .contentWrapper.contentVariantenslider .variantenInfos { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; } #dp-content > .contentWrapper.contentVariantenslider .variantenInfoSlider { width: 100%; } #dp-content > .contentWrapper.contentVariantenslider .variantenTitle { text-align: center; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid rgba(0,0,0,.15); } #dp-content > .contentWrapper.contentVariantenslider .contentItem { text-align: center; padding-bottom: 5px; } #dp-content > .contentWrapper.contentVariantenslider .swiper-pagination { height: 35px; margin: 25px 0; position: relative; } #dp-content > .contentWrapper.contentVariantenslider .swiper-pagination .swiper-pagination-bullet { overflow: visible; border: 2px solid transparent; position: relative; opacity: 1; background: none; width: 30px; height: 30px; margin-right: 3px; margin-left: 3px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -webkit-transition: all .25s; transition: all .25s; -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,.225); box-shadow: 1px 1px 3px 0 rgba(0,0,0,.25); } #dp-content > .contentWrapper.contentVariantenslider .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; border-color: #fff; -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,.666); box-shadow: 1px 1px 3px 0 rgba(0,0,0,.666); } #dp-content > .contentWrapper.contentVariantenslider .swiper-pagination img { vertical-align: baseline; } #dp-content > .contentWrapper.contentGesamtsortiment { padding: 25px 0!important; } #dp-content > .contentWrapper.contentGesamtsortiment .gesamtsortiment-result { position: relative; overflow: hidden; } #dp-content > .contentWrapper.contentGesamtsortiment .gesamtsortiment-result .gesamtsortiment-no-results { color: gray; padding: 60px; text-align: center; } #dp-content > .contentWrapper.contentGesamtsortiment .gesamtsortiment-ajaxloading-notice { min-height: 200px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index:10; background-image: url(../images/ajaxloading-pelipal.gif); background-position: center 20px; background-color: rgba(255,255,255,0.5); background-repeat: no-repeat; } #dp-content > .contentWrapper.contentGesamtsortiment .js-flying-items-with-result { font-size: .75em; margin-bottom: 25px; } #dp-content > .contentWrapper.contentGesamtsortiment.js-is-loading .gradientButton { position: relative; } #dp-content > .contentWrapper.contentGesamtsortiment.js-is-loading .gradientButton a { opacity: 0; } #dp-content > .contentWrapper.contentGesamtsortiment.js-is-loading .gradientButton:after { content: ""; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; background: url(../images/ajaxloading-pelipal.gif) center no-repeat; } #dp-content > .contentWrapper.contentAkkordeon .contentItem { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #00c5d6; } #dp-content > .contentWrapper.contentAkkordeon .contentItem .akkordeonTitle h2 { font-size: 1.125em; margin: 0; color: #56565a; } #dp-content > .contentWrapper.contentAkkordeon .contentItem .akkordeonTitle [class^="icon-"]::before,#dp-content > .contentWrapper.contentAkkordeon .contentItem .akkordeonTitle [class*=" icon-"]::before { color: #00c5d6; font-size: .875em; -webkit-transform: rotate(-90deg); -webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg); -webkit-transition: all .4s; transition: all .4s; } #dp-content > .contentWrapper.contentAkkordeon .contentItem .akkordeonContent { display: none; font-size: .875em; padding: 10px 0; } #dp-content > .contentWrapper.contentAkkordeon .contentItem .akkordeonContent > :last-child { margin-bottom: 0; } #dp-content > .contentWrapper.contentAkkordeon .contentItem .akkordeonContent .akk-download { font-weight: 700; } #dp-content > .contentWrapper.contentAkkordeon .contentItem.active .akkordeonTitle [class^="icon-"]::before,#dp-content > .contentWrapper.contentAkkordeon .contentItem.active .akkordeonTitle [class*=" icon-"]::before { -webkit-transform: rotate(0); -webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0); } #dp-content > .contentWrapper.contentTwoCoLContent .articleHeader { text-align: left; } #dp-content > .contentWrapper.contentDownloadCols .contentItem .downloadItem { text-align: center; padding: 15px 10px; } #dp-content > .contentWrapper.contentDownloadCols .contentItem .downloadImage img { border: 1px solid #ccc; } #dp-content > .contentWrapper.contentDownloadCols .contentItem .downloadLink { margin-top: 5px; } #dp-content > .contentWrapper.contentDownloadCols .contentItem .downloadLink a { font-weight: 700; font-size: 1.125em; } #dp-content .contentWrapper.contentHaendlersuche .contentIntro { margin-bottom: 50px; } #dp-content .contentWrapper.contentHaendlersuche input.text { margin: 3px 0; font-size: .925em; } #dp-content .contentWrapper.contentHaendlersuche .button,#dp-content .contentWrapper.contentHaendlersuche .btn { text-align: left; display: block; border: none; outline: none; padding: 10px 15px; margin-top: 3px; width: 100%; background: #00c5d6; white-space: nowrap; overflow: hidden; color: white; } #dp-content .contentWrapper.contentHaendlersuche .result-wrapper { display: none; } #dp-content .contentWrapper.contentHaendlersuche .smalllabel { font-size: .925em; font-family: "Pelipal"; font-weight: 700; } #dp-content .contentWrapper.contentHaendlersuche .haendlersucheFormPage { position: relative; margin-bottom: 15px; padding: 25px 0; } #dp-content .contentWrapper.contentHaendlersuche .haendlersucheFormPage #haendlersucheForm { max-width: 600px; margin: 0 auto; } #dp-content .contentWrapper.contentHaendlersuche .haendlersucheFormPage .search-input-wrapper { position: relative; margin-bottom: 5px; padding-right: 124px; } #dp-content .contentWrapper.contentHaendlersuche .haendlersucheFormPage .search-input-cr { margin: -3px 0 5px; font-style: italic; font-size: 12px; } #dp-content .contentWrapper.contentHaendlersuche .haendlersucheFormPage #haendlerPlzOrt { display: block; } #dp-content .contentWrapper.contentHaendlersuche .haendlersucheFormPage #haendlerRadius { width: 125px; text-align: center; background: #eee; font-size: .625em; padding: .925em 0; position: absolute; top: 0; right: 0; bottom: 0; border: 1px solid #ccc; } #dp-content .contentWrapper.contentHaendlersuche .anfahrtwrapper .contentLink { margin-bottom: 25px; font-size: .875em; } #dp-content .contentWrapper.contentHaendlersuche .haendler { min-width: 300px; } #dp-content .contentWrapper.contentHaendlersuche .haendler .bordered-title { border-bottom: 1px solid black; padding: 0 2px .25em; font-size: 1.125em; margin-bottom: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #dp-content .contentWrapper.contentHaendlersuche .haendler .infobox { padding: 0 2px; } #dp-content .contentWrapper.contentHaendlersuche .haendler .sortiment-infobox .title { font-weight: 700; } #dp-content .contentWrapper.contentHaendlersuche .haendler .sortiment-infobox .item { padding-left: 20px; background: url(../images/check.png) 0 .375em no-repeat; } #dp-content .contentWrapper.contentHaendlersuche .ergebnisbox .haendler { margin-bottom: 25px; } #dp-content .contentWrapper.contentHaendlersuche .ergebnisbox .haendler .infobox { font-size: .75em; } #dp-content .contentWrapper.contentHaendlersuche .mapBox { border: 1px solid rgba(0,0,0,.15); margin-bottom: 50px; height: 480px; position: relative; } #dp-content .contentWrapper.contentHaendlersuche .mapBox #googleMap,#dp-content .contentWrapper.contentHaendlersuche .mapBox #mapoverlay { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #dp-content .contentWrapper.contentUnterschraenke header.articleHeader { color: #00c5d6; text-align: center; margin: 0 0 25px; } #dp-content .contentWrapper.contentUnterschraenke header.articleHeader h1,#dp-content .contentWrapper.contentUnterschraenke header.articleHeader .h1,#dp-content .contentWrapper.contentUnterschraenke header.articleHeader h2,#dp-content .contentWrapper.contentUnterschraenke header.articleHeader .h2,#dp-content .contentWrapper.contentUnterschraenke header.articleHeader h3,#dp-content .contentWrapper.contentUnterschraenke header.articleHeader .h3,#dp-content .contentWrapper.contentUnterschraenke header.articleHeader h4,#dp-content .contentWrapper.contentUnterschraenke header.articleHeader .h4,#dp-content .contentWrapper.contentUnterschraenke header.articleHeader h5,#dp-content .contentWrapper.contentUnterschraenke header.articleHeader .h5,#dp-content .contentWrapper.contentUnterschraenke header.articleHeader h6,#dp-content .contentWrapper.contentUnterschraenke header.articleHeader .h6 { margin: 0; } #dp-content .contentWrapper.contentUnterschraenke header.articleHeader p { color: #56565a; } #dp-content .contentWrapper.contentUnterschraenke .dp-form { margin-bottom: 25px; } #dp-content .contentWrapper.contentUnterschraenke .your-selection { margin-bottom: 25px; padding: 15px; border: 5px dashed #ccc; text-align: center; } #dp-content .contentWrapper.contentUnterschraenke .found-products .product-item { padding: 25px; margin-bottom: 25px; background: #56565a; color: #fff; border: 1px solid #ccc; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); } #dp-content .contentWrapper.contentUnterschraenke .found-products .product-image { background: #fff; padding: 25px; margin: -25px -25px 25px; border-bottom: 1px solid #ccc; } #dp-gesamtsortimentfilter { padding: 0 20px; width: 100%; z-index: 55; position: relative; } #dp-gesamtsortimentfilter .filterBox { padding: 15px 0; background: #00c5d6; -webkit-box-shadow: 0 2px 3px 1px rgba(0,0,0,.25); box-shadow: 0 2px 3px 1px rgba(0,0,0,.25); } #dp-gesamtsortimentfilter .selectVisual { font-size: 12px; position: relative; margin-bottom: 10px; } #dp-gesamtsortimentfilter .selectVisual .selectActive { background: #fff; color: #56565a; line-height: 1em; display: block; padding: 10px 22px 10px 8px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #dp-gesamtsortimentfilter .selectVisual .selectActive:after { width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px; border-color: #00c5d6 transparent transparent transparent; position: absolute; right: 8px; top: 50%; margin-top: -5px; content: ""; } #dp-gesamtsortimentfilter .selectVisual .selectPopup { display: none; z-index: 5; margin-top: 5px; background: #fff; width: 100%; position: absolute; top: 100%; left: 0; -webkit-box-shadow: 0 2px 3px 1px rgba(0,0,0,.25); box-shadow: 0 2px 3px 1px rgba(0,0,0,.25); } #dp-gesamtsortimentfilter .selectVisual .selectPopup li > label { cursor: pointer; line-height: 1em; display: block; padding: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid rgba(0,0,0,.15); -webkit-transition: all .25s; transition: all .25s; } #dp-gesamtsortimentfilter .selectVisual .selectPopup li > label input[type='checkbox'],#dp-gesamtsortimentfilter .selectVisual .selectPopup li > label input[type='radio'] { display: none; } #dp-gesamtsortimentfilter .selectVisual .selectPopup li > label .checkbox-visual { display: inline-block; width: .75em; height: .75em; float: right; border: 1px solid #00c5d6; background: #fff; margin-top: .125em; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .25s; transition: all .25s; } #dp-gesamtsortimentfilter .selectVisual .selectPopup li > label input[type='checkbox']:checked ~ .checkbox-visual,#dp-gesamtsortimentfilter .selectVisual .selectPopup li > label input[type='radio']:checked ~ .checkbox-visual { background: #00c5d6!important; } #dp-gesamtsortimentfilter .selectVisual .selectPopup li > label:hover { background: rgba(0,0,0,.05); } #dp-gesamtsortimentfilter .selectVisual .selectPopup li > label:hover .checkbox-visual { background: rgba(0,197,214,.25); } #dp-gesamtsortimentfilter .selectVisual .selectPopup .rangeSelector { padding: 10px; border-bottom: 1px solid rgba(0,0,0,.15); } #dp-gesamtsortimentfilter .selectVisual .selectPopup .rangeSelector input { width: 100%; } #dp-gesamtsortimentfilter .selectVisual .selectPopup .rangeSelector .rangeSliderElm { padding: 5px 15px; margin-bottom: 50px } #dp-gesamtsortimentfilter .selectVisual .selectPopup .rangeSelector .rangeInfo { font-weight: 700; text-align: center; } #dp-gesamtsortimentfilter .selectVisual .selectPopup .applyFilters { color: #00c5d6; line-height: 1em; display: block; padding: 10px; font-weight: 700; } #dp-gesamtsortimentfilter .selectVisual .selectPopup .applyFilters:hover { background: rgba(0,0,0,.05); } #dp-gesamtsortimentfilter .mobileToggleFilters { display: block; color: #fff; text-align: center; } #dp-gesamtsortimentfilter .filterItemWrapper { position: relative; display: none; margin-top: 10px; } #dp-gesamtsortimentfilter .mobile-apply-filters,#dp-gesamtsortimentfilter .reset-filters { margin-right: 10px; display: inline-block; height: 0; opacity: 0; visibility: hidden; color: #fff; font-size: .75em; line-height: 1em; -webkit-transition: all .5s; transition: all .5s; } #dp-gesamtsortimentfilter.filter-active .mobile-apply-filters,#dp-gesamtsortimentfilter.filter-active .reset-filters { opacity: 1; height: auto; visibility: visible; } #dp-footerslider { overflow: hidden; } #dp-footerslider .sliderHeader { color: #00c5d6; text-align: center; text-transform: uppercase; margin: 0; padding: 15px 0; background: #f8f8f8; position: relative; z-index: 2; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25); box-shadow: 0 2px 5px 0 rgba(0,0,0,.25); } #dp-footerslider .sliderHeader h1,#dp-footerslider .sliderHeader .h1,#dp-footerslider .sliderHeader h2,#dp-footerslider .sliderHeader .h2,#dp-footerslider .sliderHeader h3,#dp-footerslider .sliderHeader .h3,#dp-footerslider .sliderHeader h4,#dp-footerslider .sliderHeader .h4,#dp-footerslider .sliderHeader h5,#dp-footerslider .sliderHeader .h5,#dp-footerslider .sliderHeader h6,#dp-footerslider .sliderHeader .h6 { margin: 0; } #dp-footerslider .defaultProductItem { border-left: 1px solid #ccc; border-right: 1px solid #56565a; } #dp-footerslider .swiper-container { overflow: visible!important; } .defaultProductItem { position: relative; overflow: hidden; } .defaultProductItem .imageOverlay { z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,197,214,.8); } .defaultProductItem .imageOverlay .overlayInner .overlayContent { padding: 10px; } .defaultProductItem .imageOverlay .overlayInner .overlayHeader { margin-bottom: 0; } .defaultProductItem .imageOverlay .overlayInner .overlayHeader .title,.defaultProductItem .imageOverlay .overlayInner .overlayHeader .subtitle { color: #fff; margin: 0; } .defaultProductItem .imageOverlay .overlayInner .overlayHeader .subtitle { display: none; } .defaultProductItem .imageOverlay .overlayInner .gradientButton,.defaultProductItem .imageOverlay .overlayInner .merkenButton { display: none; } .defaultProductItem .mobileLink { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .shopProductItem { position: relative; margin-bottom: 25px; max-width: 420px; margin-left: auto; margin-right: auto; } .shopProductItem .mainImageWrapper { position: relative; z-index: 2; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.25);box-shadow: 0 1px 2px 0 rgba(0,0,0,.25); } .shopProductItem .mainImageWrapper .imageTitle { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; padding: 5px 15px; margin: 0; background: linear-gradient(to right, rgba(0,197,214,0.8) 0%,rgba(0,197,214,0.8) 50%,rgba(0,197,214,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc00c5d6', endColorstr='#3300c5d6',GradientType=1 ); } .shopProductItem .imageOverlay,.shopProductItem .colorsOverlay { display: none; } .dp-downloadslist { font-size: .825em; } .dp-downloadslist .singleDownload { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(86,86,90,.8); } .dp-downloadslist .singleDownload .download-col { font-weight: 700; } .dp-downloadslist .singleDownload .col-image img { box-shadow: 0 0 2px 0 rgba(0,0,0,.25); } .dp-downloadslist .singleDownload .info { margin-bottom: 10px; } .dp-downloadslist .singleDownload .info .val { color: #00c5d6; } .dp-downloadslist .singleDownload .info .filetype { margin-left: 2px; background: url(../images/filetypebg.png) center no-repeat; display: inline-block; width: 37px; height: 43px; text-align: center; padding-top: 7px; font-size: .75em; text-transform: uppercase; font-weight: 400; color: #56565a; } .dp-downloadslist .singleDownload .gradientButton { margin-top: 0; } .dp-downloadslist .singleDownload:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 none; } #konfig-wrapper { max-width: 952px; margin: 15px auto; } #konfig-wrapper iframe { width: 100%; border: none; } .serienFeatures { margin: 25px 0 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; flex-wrap: wrap; justify-content: center; } .serienFeatures .singleFeature { padding: 10px; margin: 5px; width: 250px; box-shadow: 0 0 3px 0 rgba(0,0,0,.4); float: left; text-align: center; } .serienFeatures .singleFeature .headline { color: #00c5d6; margin-bottom: 5px; font-size: .925em; } .serienFeatures .singleFeature .teaser { margin: 0; font-size: .75em; } .dp-addToWishlist .icon-added { display: none; } .dp-addToWishlist.is-added .icon-added { display: inline; } .dp-addToWishlist.is-added .icon-notadded { display: none; } #dp-energieeffizienzrechner { max-width: 640px; margin: 50px auto 0; min-height: 460px; } #dp-energieeffizienzrechner .result-wrapper { margin-top: 25px; } #dp-energieeffizienzrechner .result-wrapper .title { margin: 0; } #dp-energieeffizienzrechner .result-wrapper .minimun-note { opacity: .666; font-size: .75em; } #dp-energieeffizienzrechner .result-wrapper .rechner-resultsbox { padding: 15px 0; } #dp-energieeffizienzrechner .result-wrapper .rechner-resultsbox .loader { margin-left: 5px; } #dp-energieeffizienzrechner .result-wrapper .rechner-resultsbox .downloadslist a { color: #56565a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; display: block; position: relative; font-size: .875em; padding: 5px 10px; background: rgba(0,0,0,.05); margin-bottom: 2px; } #dp-energieeffizienzrechner .result-wrapper .rechner-resultsbox .downloadslist a:hover { background: rgba(0,0,0,.1); } #dp-energieeffizienzrechner .result-wrapper .rechner-resultsbox .downloadslist a i { margin-right: .5; } #dp-energieeffizienzrechner .form-wrapper { -webkit-transition: all .5s; transition: all .5s; position: relative; z-index: 2; } #dp-energieeffizienzrechner form.rechner-form .rechner-infobox { position: relative; } #dp-energieeffizienzrechner form.rechner-form .rechner-infobox .trigger-info { font-weight: bold; font-size: .75em; } #dp-energieeffizienzrechner form.rechner-form .rechner-infobox .hidden-infobox { font-size: .75em; opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; width: 300px; margin: 20px 0 0 0; padding: 10px; background: #fff; -webkit-transform: translate(0, -20px);-webkit-transform:translate(0, -20px);-ms-transform:translate(0, -20px);transform:translate(0, -20px); -webkit-transition: all .5s; transition: all .5s; filter: drop-shadow(2px 2px 4px rgba(0,0,0,.333)); } #dp-energieeffizienzrechner form.rechner-form .rechner-infobox .hidden-infobox img { border: 2px solid #ddd; } #dp-energieeffizienzrechner form.rechner-form .rechner-infobox .hidden-infobox p { margin-bottom: 5px; } #dp-energieeffizienzrechner form.rechner-form .rechner-infobox .hidden-infobox:after { position: absolute; bottom: 100%; left: 10px; width: 0;height: 0;border-style: solid;border-width: 0 15px 15px 15px;border-color: transparent transparent #fff transparent; content: ""; } #dp-energieeffizienzrechner form.rechner-form .rechner-infobox .hidden-infobox.active { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0);-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0); } #dp-energieeffizienz2021 { max-width: 640px; margin: 50px auto 0; min-height: 460px; } .typschildItem .typschild-numbers { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; flex-wrap: wrap; } .typschildItem .typschild-numbers > * { width: 360px; max-width: 100%; min-width: 300px; flex-shrink: 1; margin-right: 1rem; margin-bottom: 1rem; } .typschildItem .typschild-number { font-size: 1.125rem; font-weight: bold; background: #efefef; padding: .75rem 1rem; } .typschildItem .typschild-number-label { font-size: 1rem; margin: 0 0 .25rem; } .typschildItem .typschild-filelist li { line-height: 1.25; } .typschildItem .typschild-filelist li + li { margin-top: 1rem; } .typschildItem .typschild-filelist a { font-weight: bold; } .typschildItem .typschild-filelist .desc { color: #999; font-size: .825rem; font-weight: bold; } .typschildItem .typschild-lightquelle { max-width: 735px; position: relative; margin: 2rem 0; padding: 1.5rem 2rem; border: 3px solid #00c5d6; font-size: 1.25rem; } .typschildItem .typschild-lightquelle > i { font-size: 1rem; position: absolute; top: 0; left: 0; width: 1.5em; height: 1.5em; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; justify-content: center; color: #fff; background: #00c5d6; } .typschildItem .typschild-lightquelle > i > svg { width: .875em; height: .875em; } .typschildItem .lichtquelle-disclaimer { margin: 1rem 0 2rem; } .typschildItem .lichtquelle-disclaimer .disclaimer-images { max-width: 420px; } .typschildItem .lichtquelle-disclaimer .disclaimer-text { font-style: italic; font-size: 14px; opacity: .8; margin: 0; } .typschild-language { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; flex-wrap: wrap; margin-bottom: 2rem; } .typschild-language li { margin: .5rem .5rem 0 0; } .typschild-language a { color: #fff; background: #56565a; display: inline-block; width: 2.25em; height: 2.25em; font-size: .75rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center; font-weight: bold; } .typschild-language li.current > a,.typschild-language a:hover { color: #fff; background: #00c5d6; } #dp-installationsskizzen { max-width: 640px; margin: 50px auto 0; min-height: 460px; } #dp-installationsskizzen .result-wrapper { margin-top: 25px; } #dp-installationsskizzen .result-wrapper .title { margin: 0; } #dp-installationsskizzen .result-wrapper .minimun-note { opacity: .666; font-size: .75em; } #dp-installationsskizzen .result-wrapper .rechner-resultsbox { padding: 15px 0; } #dp-installationsskizzen .result-wrapper .rechner-resultsbox .loader { margin-left: 5px; } #dp-installationsskizzen .result-wrapper .rechner-resultsbox .downloadslist a { color: #56565a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; display: block; position: relative; font-size: .875em; padding: 5px 10px; background: rgba(0,0,0,.05); margin-bottom: 2px; } #dp-installationsskizzen .result-wrapper .rechner-resultsbox .downloadslist a:hover { background: rgba(0,0,0,.1); } #dp-installationsskizzen .result-wrapper .rechner-resultsbox .downloadslist a i { margin-right: .5; } #dp-installationsskizzen .form-wrapper { -webkit-transition: all .5s; transition: all .5s; position: relative; z-index: 2; } #dp-installationsskizzen form.rechner-form .rechner-infobox { position: relative; } #dp-installationsskizzen form.rechner-form .rechner-infobox .trigger-info { font-weight: bold; font-size: .75em; } #dp-installationsskizzen form.rechner-form .rechner-infobox .hidden-infobox { font-size: .75em; opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; width: 300px; margin: 20px 0 0 0; padding: 10px; background: #fff; -webkit-transform: translate(0, -20px);-webkit-transform:translate(0, -20px);-ms-transform:translate(0, -20px);transform:translate(0, -20px); -webkit-transition: all .5s; transition: all .5s; filter: drop-shadow(2px 2px 4px rgba(0,0,0,.333)); } #dp-installationsskizzen form.rechner-form .rechner-infobox .hidden-infobox img { border: 2px solid #ddd; } #dp-installationsskizzen form.rechner-form .rechner-infobox .hidden-infobox p { margin-bottom: 5px; } #dp-installationsskizzen form.rechner-form .rechner-infobox .hidden-infobox:after { position: absolute; bottom: 100%; left: 10px; width: 0;height: 0;border-style: solid;border-width: 0 15px 15px 15px;border-color: transparent transparent #fff transparent; content: ""; } #dp-installationsskizzen form.rechner-form .rechner-infobox .hidden-infobox.active { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0);-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0); } #dp-footer { color: #fff; background: #56565a; } #dp-footer #dp-footermenu { padding: 50px 0; font-size: .875em; } #dp-footer #dp-footermenu .navigation-title { position: relative; font-size: 1em; text-transform: uppercase; } #dp-footer #dp-footermenu .navigation-title .akkordeon-trigger { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; } #dp-footer #dp-footermenu .navigation-title.no-mobile { display: none; } #dp-footer #dp-footermenu .navigation-item { display: none; margin: 0 0 25px; } #dp-footer #dp-footermenu .navigation-item li { margin: 0 0 10px; line-height: 1.25; } #dp-footer #dp-footermenu .navigation-item a { color: #c1c1c1; } #dp-footer #dp-footermenu .navigation-item a:hover { color: #fff; } #dp-footer #dp-footermenu .navigation-item.always-visible { display: block; text-align: center; } #dp-wishlist { display: block; z-index: 300; position: fixed; bottom: 0; left: 0; width: 100%; font-size: 18px; } #dp-wishlist .mobilelink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; } #dp-wishlist .wishlist-content { display: none; } #dp-wishlist .wishlist-stoerer { position: absolute; bottom: 0; left: 0; width: 100%; } #dp-wishlist .wishlist-stoerer .wishlist-counter { position: absolute; right: 0; top: 0; width: 2em; height: 2em; display: inline-block; background: #00c5d6; } #dp-wishlist .wishlist-stoerer .wishlist-counter i { text-shadow: 0 0 2px rgba(0,0,0,.333); color: #fff; font-size: 1.75em; position: absolute; top: 45%; left: 50%; line-height: 1em; margin: 0; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); } #dp-wishlist .wishlist-stoerer .wishlist-counter .wishlist-count { font-size: 14px; z-index: 2; position: absolute; top: 50%; left: 0; line-height: 1em; width: 100%; margin-top: -.5em; text-align: center; font-weight: 700; font-family: "Pelipal"; } #dp-wishlist .wishlist-stoerer .wishlist-title { text-shadow: 0 0 2px rgba(0,0,0,.333); color: #fff; height: 2em; width: 100%; white-space: nowrap; line-height: 1em; padding: .5em .75em; border-right: 1px solid rgba(255,255,255,.666); font-weight: 700; font-family: "Pelipal"; } .googleMapWrapper { position: relative; height: 0; padding-bottom: 45%; } .googleMapWrapper #googleMap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .googleMapWrapper img { max-width: none; } [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%,15px);-ms-transform:translate(-50%,15px);transform:translate(-50%,15px); transition: all .333s; } [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); } [data-tooltipbottom]{ position: relative; } [data-tooltipbottom]:before, [data-tooltipbottom]:after{ z-index: 1000; visibility: hidden; font-size: 12px; line-height: 1em; position: absolute; top: 100%; left: 50%; color: #fff; white-space: nowrap; opacity: 0; -webkit-transform:translate(-50%,-15px);-ms-transform:translate(-50%,-15px);transform:translate(-50%,-15px); transition: all .333s; } [data-tooltipbottom]:before{ margin-top: 5px; width: 0;height: 0;border-style: solid;border-width: 0px 7px 7px 7px; border-color: transparent transparent rgba(0,0,0,.666) transparent; content: ""; } [data-tooltipbottom]:after{ font-weight: 700; margin-top: 12px; content: attr(data-tooltipbottom); background: rgba(0,0,0,.666); padding: 10px; border-radius: 3px; } [data-tooltipbottom]:hover:before, [data-tooltipbottom]:hover:after{ opacity: 1; visibility: visible; -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0); } [data-tooltipleft]{ position: relative; } [data-tooltipleft]:before, [data-tooltipleft]:after{ z-index: 99; visibility: hidden; font-size: 12px; line-height: 1.1em; position: absolute; bottom: 50%; right: 100%; color: #fff; white-space: nowrap; opacity: 0; -webkit-transform:translate(15px, 50%);-ms-transform:translate(15px, 50%);transform:translate(15px, 50%); transition: all .333s; } [data-tooltipleft]:before{ margin-right: 5px; width: 0;height: 0;border-style: solid;border-width: 7px 0 7px 7px; border-color: transparent transparent transparent rgba(0,0,0,.666); content: ""; } [data-tooltipleft]:after{ max-width: 250px; overflow: hidden; text-overflow: ellipsis; font-weight: 700; margin-right: 12px; content: attr(data-tooltipleft); background: rgba(0,0,0,.666); padding: 10px; border-radius: 3px; } [data-tooltipleft]:hover:before, [data-tooltipleft]:hover:after{ opacity: 1; visibility: visible; -webkit-transform:translate(0, 50%);-ms-transform:translate(0, 50%);transform:translate(0, 50%); } .dp-iframe #dp-content .contentWrapper { padding: 0!important; border: none!important; } .dp-iframe #dp-content .contentWrapper .articleHeader { display: none!important; } .dp-iframe a { color: #000!important; } } @media all and (min-width: 30em){ #dp-header .logo:after { position: absolute; top: 0; bottom: 0; right: 100%; width: 2000px; background: url(../images/pelipipe.png) repeat-x; content: ""; } #dp-header .header-func .func-wrapper { padding: 0 10px; } #dp-headerimage .mainImageWrapper .textWrapper { font-size: .875em; } #dp-headerimage .mainImageWrapper .textWrapper .line-1 > * { padding: 10px; } #dp-headerimage .mainImageWrapper .textWrapper .line-2 > * { padding: 15px 30px 20px 20px; } #dp-content > .contentWrapper.contentStartSortimente .contentItem .articleText { margin-left: 200px; } #dp-content > .contentWrapper.contentStartSortimente .contentItem .articleImage { position: static; height: auto; } #dp-content > .contentWrapper.contentStartSortimente .contentItem .articleImage .personImage { width: 200px; } .dp-downloadslist .singleDownload .download-col { float: left; padding-right: 15px; } .dp-downloadslist .singleDownload .col-image { width: 20%; } .dp-downloadslist .singleDownload .col-link { width: 80%; } .dp-downloadslist .singleDownload .col-info { width: 36%; } .dp-downloadslist .singleDownload .col-file { width: 22%; } .dp-downloadslist .singleDownload .col-misc { width: 22%; } } @media all and (min-width: 45em){ .hasSliderOverlay:before, .hasSliderOverlay:after{ width: 50px; } .hasSliderOverlay{ padding: 0 50px; } .hasSliderArrows .swiper-button-next,.hasSliderArrows .swiper-button-prev { font-size: 2em; } #dp-gesamtsortimentfilter { padding: 0 50px; } #dp-headerimage .mainImageWrapper .textWrapper { max-width: 48%; } #dp-headerimage .mainImageWrapper .textWrapper .line-1 > * { max-width: 75%; margin-right: 10%; padding: 15px; } #dp-headerimage .mainImageWrapper .textWrapper .line-2 > * { padding: 20px 50px 40px 40px; } #dp-headerimage .mainImageWrapper .main-image { -webkit-transform: scale(1.025) rotate(0.0deg); -webkit-transform:scale(1.025) rotate(0.0deg);-ms-transform:scale(1.025) rotate(0.0deg);transform:scale(1.025) rotate(0.0deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transition: all 2.5s; transition: all 2.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -ms-interpolation-mode: nearest-neighbor; } #dp-headerimage .mainImageWrapper .imageAddon { overflow: hidden; display: block; position: absolute; left: 0; width: 48%; height: 85%; bottom: 0; } #dp-headerimage .mainImageWrapper .imageAddon img { width: auto; max-width: none; height: 100%; float: right; } #dp-headerimage .mainImageWrapper.format-headerdefault .imageAddon { height: 95%; } #dp-headerimage .swiper-slide-active .mainImageWrapper .main-image { -webkit-transform: scale(1); -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); } .color-swiper { padding: 0 40px; } .color-swiper .arrow { font-size: 2.5em; } .colorItem{ width: 35px; padding: 2px; } #dp-content .contentWrapper { padding: 80px 0; } #dp-content > .contentWrapper.contentGesamtsortiment .shopProductItem { margin-bottom: 50px; } } @media all and (min-width: 60em){ .hasSliderOverlay:before, .hasSliderOverlay:after{ width: 100px; } .hasSliderOverlay { padding: 0 100px; } .hasSliderArrows .swiper-button-next,.hasSliderArrows .swiper-button-prev { font-size: 3.5em; } .hasSliderArrows .swiper-button-next { right: 0; } .hasSliderArrows .swiper-button-prev { left: 0; } .color-swiper { padding: 0 50px; } .colorItem{ width: 50px; } #dp-gesamtsortimentfilter { padding: 0 100px; } #dp-content > .contentWrapper.contentGesamtsortiment .shopProductItem { margin-bottom: 100px; } #dp-content .contentWrapper.contentHaendlersuche .ergebnisbox { height: 480px; overflow: auto; padding-right: 1em; } #dp-content .contentWrapper.contentUnterschraenke .dp-form { margin-bottom: 50px; } #dp-content .contentWrapper.contentUnterschraenke .your-selection { margin-bottom: 50px; padding: 25px; } #dp-content .contentWrapper.contentUnterschraenke .your-selection .cols-960 { display: -webkit-box;display: -ms-flexbox;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } #dp-content .contentWrapper.contentUnterschraenke .your-selection .image { text-align: center; } #dp-content .contentWrapper.contentUnterschraenke .your-selection .text { text-align: left; } .defaultProductItem .merkenButton_haszoom { display: block; position: absolute; top: 0; left: 0; width: 100%; padding: 15px; text-align: left; opacity: 0; visibility: hidden; z-index: 15; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(.975); -webkit-transform:scale(.975);-ms-transform:scale(.975);transform:scale(.975); -webkit-transition: all .5s; transition: all .5s; } .defaultProductItem .merkenButton_haszoom a { display: inline-block; color: #fff; text-transform: uppercase; font-weight: 700; font-family: "Pelipal"; } .defaultProductItem .imageOverlay { height: 100%; opacity: 0; visibility: hidden; -webkit-transform: scale(.9); -webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9); -webkit-transition: all .5s; transition: all .5s; } .defaultProductItem .imageOverlay .overlayInner { border: 1px solid #fff; position: absolute; top: 50px; left: 15px; right: 15px; bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; } .defaultProductItem .imageOverlay .overlayInner .overlayContent { width: 100%; text-align: center; } .defaultProductItem .imageOverlay .overlayInner .overlayHeader { margin-bottom: 15px; } .defaultProductItem .imageOverlay .overlayInner .overlayHeader .subtitle { display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 400; } .defaultProductItem .imageOverlay .overlayInner .gradientButton { display: block; } .defaultProductItem .imageOverlay .overlayInner .merkenButton { display: block; position: absolute; bottom: 100%; left: 0; width: 100%; padding: 0; text-align: left; margin-bottom: 10px; } .defaultProductItem .imageOverlay .overlayInner .merkenButton a { display: inline-block; color: #fff; text-transform: uppercase; font-weight: 700; font-family: "Pelipal"; } .defaultProductItem .mobileLink { display: none; } .defaultProductItem:hover .imageOverlay { opacity: 1; visibility: visible; -webkit-transform: scale(1); -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); } .defaultProductItem:hover .merkenButton_haszoom { opacity: 1; visibility: visible; -webkit-transform: scale(1); -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); } .shopProductItem .imageOverlay { display: block; z-index: 1; background: #fff; visibility: hidden; opacity: 0; position: absolute; bottom: -80px; left: -25px; right: -50px; top: -50px; -webkit-box-shadow: 0 2px 3px 1px rgba(0,0,0,.25);box-shadow: 0 2px 3px 1px rgba(0,0,0,.25); -webkit-transition: all .5s; transition: all .5s; } .shopProductItem .imageOverlay .merkenButton { position: absolute; top: 0; left: 0; width: 100%; padding: 15px 25px; } .shopProductItem .imageOverlay .merkenButton a { display: inline-block; color: #00c5d6; text-transform: uppercase; font-weight: 700; font-family: "Pelipal"; } .shopProductItem .imageOverlay .detailsButton { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 25px; } .shopProductItem .imageOverlay .detailsButton a { display: block; padding: 10px; text-align: center; color: #56565a; border: 1px solid #56565a; font-weight: 700; } .shopProductItem .imageOverlay .detailsButton a:hover { color: #00c5d6; border: 1px solid #00c5d6; } .shopProductItem .colorsOverlay { display: block; z-index: 15; visibility: hidden; opacity: 0; position: absolute; bottom: -80px; right: -50px; top: -50px; -webkit-transition: all .5s; transition: all .5s; } .shopProductItem .colorsOverlay .detailsColors { position: absolute; right: 25px; bottom: 80px; width: 18px; } .shopProductItem .colorsOverlay .detailsColors .singleColor { margin-top: 5px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; border: 1px solid rgba(0,0,0,.25); } .shopProductItem .fadeInOnHover { opacity: 0; -webkit-transition: all .5s; transition: all .5s; } .shopProductItem:hover { z-index: 5; } .shopProductItem:hover .mainImageWrapper .imageTitle { padding-left: 1em; } .shopProductItem:hover .imageOverlay { opacity: 1; visibility: visible; } .shopProductItem:hover .colorsOverlay { opacity: 1; visibility: visible; } .shopProductItem:hover .fadeInOnHover { opacity: 1; } #dp-footer #dp-footermenu .navigation-title { padding-left: 0; } #dp-footer #dp-footermenu .navigation-title .akkordeon-trigger { display: none; } #dp-footer #dp-footermenu .navigation-title.no-mobile { display: block; } #dp-footer #dp-footermenu .navigation-item { display: block!important; margin: 0; } #dp-footer #dp-footermenu .navigation-item.always-visible { text-align: left; } .dp-downloadslist { border-right: 2px solid rgba(86,86,90,.8); } .dp-downloadslist .singleDownload { margin-right: 50px; } .dp-downloadslist .singleDownload .info:last-child { margin-bottom: 0; } #dp-wishlist { top: 200px; bottom: auto; left: 110%; width: auto; } #dp-wishlist .mobilelink { display: none; } #dp-wishlist .wishlist-content { display: block; width: 600px; min-height: 300px; padding: 15px 25px; background: rgba(86,86,90,.95); color: #fff; } #dp-wishlist .wishlist-content a { color: #fff; } #dp-wishlist .wishlist-content .wishlist-items { overflow-y: auto; max-height: 250px; margin-bottom: 10px; } #dp-wishlist .wishlist-content .wishlist-items .wishlist-item { margin-bottom: 10px; padding-bottom: 10px; position: relative; } #dp-wishlist .wishlist-content .wishlist-items .wishlist-item p { margin: 0; } #dp-wishlist .wishlist-content .wishlist-items .wishlist-item .close-item { font-size: .75em; color: #00c5d6; } #dp-wishlist .wishlist-content .wishlist-items .wishlist-item:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(to right, #00c5d6 0%,rgba(0,197,214,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c5d6', endColorstr='#0000c5d6',GradientType=1 ); } #dp-wishlist .wishlist-content .wishlist-footer a { display: block; text-align: center; border: 1px solid #fff; font-size: .875em; font-weight: 700; padding: .75em; line-height: 1em; } #dp-wishlist .wishlist-stoerer { position: absolute; top: 0; right: 100%; font-size: 1.25em; left: auto; bottom: auto; width: auto; } #dp-wishlist .wishlist-stoerer .wishlist-counter { position: static; border-bottom: 1px solid #56565a; } #dp-wishlist .wishlist-stoerer .wishlist-title { width: auto; position: absolute; top: 0; right: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } #dp-wishlist.has-items { -webkit-transition-delay: .5s; -webkit-transition: all .5s; -moz-transition-delay: .5s; -moz-transition: all .5s; -ms-transition-delay: .5s; -ms-transition: all .5s; transition-delay: .5s; transition: all .5s; left: 100%; } #dp-wishlist:hover { -webkit-transform: translate(-100%,0); -moz-transform: translate(-100%,0); -ms-transform: translate(-100%,0); -webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0); } } @media all and (min-width: 75em){ .hasSliderOverlay:before, .hasSliderOverlay:after{ width: 125px; } .hasSliderOverlay { padding: 0 125px; } .hasSliderArrows .swiper-button-next,.hasSliderArrows .swiper-button-prev { font-size: 4.5em; } #dp-headerimage { min-height: 80px; } #dp-gesamtsortimentfilter { padding: 0 125px; } #dp-gesamtsortimentfilter .selectVisual { margin-bottom: 0; } #dp-gesamtsortimentfilter .selectVisual .selectPopup { width: 200px; } #dp-gesamtsortimentfilter .mobileToggleFilters { display: none; } #dp-gesamtsortimentfilter .filterItemWrapper { display: block!important; padding-right: 40px; margin-top: 0; } #dp-gesamtsortimentfilter .reset-filters { position: absolute; top: .125em; right: 0; margin-right: 0; font-size: 1.5em; } #dp-gesamtsortimentfilter .reset-filters .innertext,#dp-gesamtsortimentfilter .mobile-apply-filters { display: none; } #dp-gesamtsortimentfilter.sticked { position: fixed; } #dp-header { padding: 0; position: fixed; top: 0; left: 0; right: 0; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.333); box-shadow: 0 0 5px 0 rgba(0,0,0,.333); } #dp-header .logo { display: inline-block; max-width: 66%; position: absolute; left: 15px; top: 50%; -webkit-transform: translate(0, -50%); -webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%); } #dp-header .logo:after { position: absolute; top: 0; bottom: 0; right: 100%; width: 2000px; background: url(../images/pelipipe.png) repeat-x; content: ""; } #dp-header .header-func { padding: 35px 0 0; margin: 0; } #dp-header .header-func.func-search .func-wrapper .func-popup { right: -5px; } #dp-header .header-func.func-menu { display: none; } #dp-header.alternate{ background: #fff; } } @media all and (min-width: 100em){ .hasSliderOverlay:before, .hasSliderOverlay:after{ width: 200px; } .hasSliderOverlay{ padding: 0 200px; } .hasSliderArrows .swiper-button-next,.hasSliderArrows .swiper-button-prev { font-size: 7.5em; } #dp-gesamtsortimentfilter { padding: 0 200px; } } @media all and (min-width: 110em){ .hasSliderOverlay:before, .hasSliderOverlay:after{ width: 225px; } .hasSliderOverlay{ padding: 0 225px; } #dp-gesamtsortimentfilter { padding: 0 225px; } }
/* content             [11456] */ @media all { .printonly{ display: none!important; } body { line-height: 1.5; } body,table,input,textarea,button { color: #56565a; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 400; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ margin: 0 0 15px; line-height: 1.25; font-weight: 700; font-family: "Pelipal"; display: block; } h1, .h1{ font-size: 1.375em; text-transform: uppercase; } h2, .h2{ font-size: 1.25em; } h3, .h3{ font-size: 1.125em; } h4, .h4{ font-size: 1em; } h5, .h5{ font-size: 1em; } h6, .h6{ font-size: .925em; } p,ul,ol,blockquote,table{ margin: 0 0 15px; } strong, b{ font-weight: var(fontweightbold); } a { color: #00c5d6; text-decoration: none; } a:hover{ color: #00a6b4; } a:focus{ outline: none; } .no-touch a[href^='tel:']{ cursor: default; color: #56565a!important; } a, a:before, a:after, button, input, button:before, input:before, button:after, input:after, .add-transitions{ -webkit-transition: all .25s; transition: all .25s; } a[data-lightbox]{ position: relative; } .defaultProductItem a[data-lightbox] { position: static; } .defaultProductItem .merkenButton_haszoom + a[data-lightbox]:before { top: 50px; } a[data-lightbox]:after, a[data-lightbox]:before{ content: ""; position: absolute; opacity: 0; visibility: hidden; -webkit-transform: scale(.9); -webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9); -webkit-transition: all .5s; transition: all .5s; } a[data-lightbox]:after{ z-index: 2; background: rgba(0,0,0,.5); top: 0; left: 0; width: 100%; height: 100%; } a[data-lightbox]:before{ z-index: 3; content: "+"; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex;align-items: center;justify-content: center; top: 15px; left: 15px; right: 15px; bottom: 15px; border: 1px solid rgba(255,255,255,.75); font-size: 5em; color: #fff; color: rgba(255,255,255,.75); } .defaultProductItem:hover a[data-lightbox]:after, .defaultProductItem:hover a[data-lightbox]:before, a[data-lightbox]:hover:after, a[data-lightbox]:hover:before{ opacity: 1; visibility: visible; -webkit-transform: scale(1); -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); } .responsiveTable{ min-height: 0.01%; overflow-x: auto; } td p { margin: 0; } .teaserBild { float: left; margin-right: 15px; max-width: 33.33%; } .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; } .imageFormat { display: block; height: 0; width: 100%; overflow: hidden; position: relative; } .imageFormat.format-fittoparent{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: auto; } .imageFormat.format-shopproduct{ padding-bottom: 120%; } .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-1{ padding-bottom: 50%; } .imageFormat.format-3-1{ padding-bottom: 33.3333333333%; } .imageFormat.format-headerdefault{ padding-bottom: 60%; } .imageFormat.format-headerlarge{ padding-bottom: 60%; } .imageFormat.format-headerslider{ padding-bottom: 65%; } .fullscreenImage{ background-repeat: no-repeat; background-position: center; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-backface-visibility: hidden; -webkit-backface-visibility:hidden;backface-visibility:hidden; } .fullscreenImage.contain{ -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .contentLink a,.dp-userbutton a,#dp-pagination a { line-height: 1.1; padding: 5px 10px; background: #00c5d6; color: #fff; margin-right: 10px; display: inline-block; } .contentLink a:hover,.dp-userbutton a:hover,#dp-pagination a:hover { background: #00a6b4; } .gradientButton { margin-top: 25px; } .gradientButton a { line-height: 1.1; text-transform: uppercase; padding: 10px 15px; font-size: 1.1em; color: #56565a; display: inline-block; font-weight: 700; font-family: "Pelipal"; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.25); box-shadow: 0 2px 3px 0 rgba(0,0,0,.25); } .gradientButton a:hover { color: #fff; } .gradientButton.noHover a:hover{ color: #56565a; } .gradientButton.smaller { margin-top: 0; } .gradientButton.smaller a { font-size: .9em; padding: 5px 10px; } .gradientButton a{ position: relative; z-index: 2; } .gradientButton a:before, .gradientButton a:after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; content: ""; } .gradientButton a:after, .gradientButton.noHover a:hover:after{ opacity: 0; } .gradientButton a:hover:after{ opacity: 1; } .gradientButton a:before, .gradientButton.noHover a:hover, .defaultGradient{ background: #ffffff; background: linear-gradient(135deg, #ffffff 33%,#c0c0c0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c0c0c0',GradientType=1 ); } .coloredGradient, .gradientButton a:after, .defaultGradient.hasHover:hover, .contentLink .defaultGradient.hasHover:hover{ background: #15c8d8; background: linear-gradient(135deg, #15c8d8 33%,#1097a3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15c8d8', endColorstr='#1097a3',GradientType=1 ); } .coloredGradient.inverted, .gradientButton.inverted a:hover, .defaultGradient.inverted.hasHover:hover, .contentLink .defaultGradient.inverted.hasHover:hover{ background: #15c8d8; background: linear-gradient(135deg, #1097a3 33%,#15c8d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1097a3', endColorstr='#15c8d8',GradientType=1 ); } .gradientButton.inverted a:after{ opacity: 1; } .gradientButton.inverted a:hover:after{ opacity: 0; } .gradientButton.inverted a{ color: #fff; } .gradientButton.inverted a:hover{ color: #56565a; } [data-bgsrc]{ border: 1px solid rgba(0,0,0,.1); position: relative; } [data-bgsrc]:after{ background: url(../images/ajaxloading-pelipal.gif) center no-repeat; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .wishlist-flying-item-outer {position:absolute;z-index:1000;width:300px;height:300px;text-align:center;line-height:300px;} .wishlist-flying-item-outer-big {width:600px;height:600px;line-height:600px;} .wishlist-flying-item-image {height:20px;vertical-align:middle;box-shadow:5px 5px 3px rgba(0,0,0,0.25);background:white;} [data-colortooltipimage]{ position: relative; z-index: 110; } [data-colortooltipimage] .colortooltip{ opacity: 0; visibility: hidden; position: absolute; bottom: 100%; left: 50%; width: 250px; margin: 0 0 20px -125px; padding: 10px; background: rgba(255,255,255,9);); -webkit-transform: translate(0, 20px);-webkit-transform:translate(0, 20px);-ms-transform:translate(0, 20px);transform:translate(0, 20px); -webkit-transition: all .5s; transition: all .5s; filter: drop-shadow(2px 2px 2px rgba(0,0,0,.333)); } [data-colortooltipimage] .colortooltip:after{ position: absolute; top: 100%; left: 50%; margin-left: -15px; width: 0;height: 0;border-style: solid;border-width: 15px 15px 0 15px;border-color: #fff transparent transparent transparent; content: ""; } [data-colortooltipimage]:hover .colortooltip{ opacity: 1; visibility: visible; -webkit-transform: translate(0, 0);-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0); } [data-colortooltipimage] .colortooltip .tooltiptitle{ text-align: center; margin: 5px 0 0; font-size: .75em; } .pp-artnrserach-result {margin-top:0.5em;} .pp-artnrserach-result >a {color: #56565a;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 700;display: block; position: relative;font-size: .875em;padding: 5px 10px;background: rgba(0,0,0,.05);margin-bottom: 2px;} .pp-artnrserach-result >a:hover {background: rgba(0,0,0,.1);} ul.ui-autocomplete{ padding-bottom: 37px!important; background-color: #fff; background-image: url(../images/pbg.png); background-repeat: no-repeat; background-position: right bottom; } } @media all and (max-width: 45em){ .responsiveTable{ border: 1px solid #ccc; overflow-y: hidden; width: 100%; } } @media all and (min-width: 30em){ h1, .h1{ font-size: 1.5em; } h2, .h2{ font-size: 1.375em; } h3, .h3{ font-size: 1.25em; } h4, .h4{ font-size: 1.125em; } h5, .h5{ font-size: 1em; } h6, .h6{ font-size: .925em; } .imageFormat.format-headerdefault{ padding-bottom: 50%; } .imageFormat.format-headerlarge{ padding-bottom: 50%; } } @media all and (min-width: 45em){ h1, .h1{ font-size: 1.75em; } h2, .h2{ font-size: 1.5em; } h3, .h3{ font-size: 1.375em; } h4, .h4{ font-size: 1.25em; } h5, .h5{ font-size: 1.125em; } h6, .h6{ font-size: 1em; } .gradientButton.larger a { font-size: 1.375em; padding: 10px 15px; } } @media all and (min-width: 60em){ h1, .h1{ font-size: 2em; } h2, .h2{ font-size: 1.75em; } h3, .h3{ font-size: 1.5em; } h4, .h4{ font-size: 1.375em; } h5, .h5{ font-size: 1.25em; } h6, .h6{ font-size: 1.125em; } .imageFormat.format-headerdefault{ padding-bottom: 43%; } .imageFormat.format-headerlarge{ padding-bottom: 50%; } } @media all and (min-width: 100em){ .imageFormat.format-headerdefault{ padding-bottom: 38%; } .imageFormat.format-headerlarge{ padding-bottom: 45%; } } .konfMerkenButton {position:Absolute;right:310px;top:352px;cursor:pointer; display:inline-block; } #konfig-wrapper {position:relative;overflow:hidden;min-width:950px;} .gradientButton a .icon-loading {display:none;position:absolute;left:11px;top:50%;margin-top:-16px; width:32px;height:32px; background: url(../images/ajaxloading-pelipal.gif) center no-repeat; background-size:32px; color:gray; } .gradientButton.ajax-in-progress .icon-loading {display:block;} .gradientButton.ajax-in-progress .icon-notadded,.gradientButton.ajax-in-progress .icon-added, .gradientButton.ajax-in-progress .icon-pp_konfig {visibility: hidden;} .wishlist-full article {margin:30px 0;} .wishlist-full article p {margin:0;} .wishlist-full article em {display:block;margin: 0 0 4px 0;} .wishlist-full strong {font-size:150%;} em.mark {background-color:yellow;display:inline-block;margin:0px -1px;padding:0px 1px;font-style: normal;} .contentSearchresults .suchSeiteSuchForm {text-align:center;margin-bottom:2em;} .contentSearchresults .suchSeiteSuchForm input {width: 640px; max-width: 100%; padding: 10px 15px;font-size: 1.125em;text-align:center; border: 1px solid rgba(0,0,0,.1);} ul.ui-autocomplete {position:absolute;border:1px solid #ccc;box-shadow:6px 6px 5px rgba(0,0,0,0.25);z-index:1000;} ul.ui-autocomplete,ul.ui-autocomplete .ui-menu-item {padding:0;margin:0;list-style: none;} ul.ui-autocomplete .ui-menu-item {background:white;border-bottom:1px solid #eee;cursor:pointer; padding:4px 12px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden;} ul.ui-autocomplete a em.mark {background:#eee;} 
/* menu                 [6358] */ @media screen, projection { #dp-navigation { text-align: center; padding: 25px 0; border-top: 1px solid rgba(255,255,255,.25); } #dp-navigation > ul li a { color: #fff; padding: 5px; display: inline-block; font-size: .85em; font-weight: 700; } #dp-navigation > ul li.active > a,#dp-navigation > ul a:hover { text-decoration: underline; } .mobileMenuBtn { position: relative; width: 30px; height: 30px; display: block; } .mobileMenuBtn span,.mobileMenuBtn span:before,.mobileMenuBtn span:after { display: block; width: 30px; position: absolute; height: 4px; left: 0; background: #00c5d6; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all .25s; transition: all .25s; } .mobileMenuBtn span { top: 50%; margin-top: -2px; } .mobileMenuBtn span:before,.mobileMenuBtn span:after { content: ""; } .mobileMenuBtn span:before { bottom: 10px; } .mobileMenuBtn span:after { top: 10px; } .mm-opened .mobileMenuBtn span { background: transparent; } .mm-opened .mobileMenuBtn span:before,.mm-opened .mobileMenuBtn span:after { background: #56565a; } .mm-opened .mobileMenuBtn span:before { -webkit-transform: rotate(-45deg); -webkit-transform-origin: top right; -webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin: top right; } .mm-opened .mobileMenuBtn span:after { -webkit-transform: rotate(45deg); -webkit-transform-origin: bottom right; -webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); transform-origin: bottom right; } #dp-mainmenu { display: none; } body #mm-blocker { z-index: 9999!important; } body .mm-menu { background: #00c5d6; } body .mm-menu,body .mm-menu .mm-navbar a,body .mm-menu .mm-navbar > * { color: rgba(255,255,255,.9); } body .mm-listview > li,body .mm-listview > li .mm-next,body .mm-listview > li .mm-next::before,body .mm-listview > li::after,body .mm-navbar { border-color: rgba(255, 255, 255, .25); } body .mm-menu .mm-btn::after,body .mm-menu .mm-btn::before,body .mm-menu .mm-listview > li .mm-arrow::after,body .mm-menu .mm-listview > li .mm-next::after { border-color: rgba(255, 255, 255, .9); } body .mm-listview .mm-next { background: rgba(255,255,255,.1); margin-bottom: 1px; } body .mm-listview > li > a,body .mm-listview > li > span { padding: 15px 25px; } body .mm-listview > li:not(.mm-divider)::after { left: 0; } body .mm-listview > li.active,body .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),body .mm-menu .mm-listview>li.mm-selected>span { background: rgba(255,255,255,.05)!important; } body .mm-menu:after {content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99;box-shadow:0 0 10px rgba(0,0,0,.3)} body .mm-menu.mm-right:after {left:auto;right:100%} body .mm-menu.mm-front:after,body .mm-menu.mm-next:after {content:none;display:none} } @media all and (min-width: 25em){ } @media all and (min-width: 45em){ #dp-navigation > ul { display: inline-block; } #dp-navigation > ul li { float: left; } #dp-navigation > ul li a { padding: 0 10px; } } @media all and (min-width: 75em){ #dp-mainmenu { display: block; float: right; margin-right: 5px; } #dp-mainmenu ul.menu li { position: relative; } #dp-mainmenu ul.menu li a { display: block; position: relative; text-transform: uppercase; font-weight: 700; color: #56565a; } #dp-mainmenu ul.menu li.active > a,#dp-mainmenu ul.menu li:hover > a { text-decoration: none; color: #00c5d6; } #dp-mainmenu ul.submenu li a { display: block; } #dp-mainmenu ul.menu > li { float: left; } #dp-mainmenu ul.menu > li > a { padding: 35px 1em; line-height: 1em; } #dp-mainmenu ul.menu > li.active > a { background: #fff; } #dp-mainmenu ul.menu > li.active > a:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: #00c5d6; } #dp-mainmenu ul.menuDepth1 > li > a { padding: 10px 25px 10px 10px; } #dp-mainmenu ul.menuDepth2 { display: none!important; } #dp-mainmenu .submenu-wrapper { position: absolute; top: 100%; left: 0; background: #fff; background: rgba(255,255,255,.95); -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.333);box-shadow: 0 5px 5px 0 rgba(0,0,0,.333); visibility: hidden; opacity: 0; -webkit-transform: translate(-15px,0); -webkit-transform:translate(-15px,0);-ms-transform:translate(-15px,0);transform:translate(-15px,0); -webkit-transition: all .333s; transition: all .333s; } #dp-mainmenu .submenu-wrapper .submenu-inner { padding: 15px; width: 270px; overflow: hidden; -webkit-box-shadow:inset 0 5px 5px -5px rgba(0,0,0,.333); box-shadow:inset 0 5px 5px -5px rgba(0,0,0,.333); } #dp-mainmenu li:hover > .submenu-wrapper { visibility: visible; opacity: 1; -webkit-transform: translate(0,0); -webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0); } #dp-mainmenu li:hover .submenu-wrapper.mega-menu .submenu-media { top: 0!important; } #dp-mainmenu .submenu-wrapper.mega-menu .submenu-inner { width: 500px; overflow: hidden; } #dp-mainmenu .submenu-wrapper.mega-menu .submenu-inner .submenu-nav,#dp-mainmenu .submenu-wrapper.mega-menu .submenu-inner .submenu-media { float: left; } #dp-mainmenu .submenu-wrapper.mega-menu .submenu-inner .submenu-nav { width: 45%; padding-right: 25px; border-right: 1px solid rgba(0,0,0,.666); } #dp-mainmenu .submenu-wrapper.mega-menu .submenu-inner .submenu-media { top: -999em; visibility: hidden; opacity: 0; -webkit-transition: opacity .25s; transition: opacity .25s; width: 55%; padding-left: 25px; position: absolute; right: 0; } #dp-mainmenu .submenu-wrapper.mega-menu .submenu-inner .submenu-media .menuImage { text-align: center; border-bottom: 1px solid rgba(0,0,0,.666); } #dp-mainmenu .submenu-wrapper.mega-menu .submenu-inner .submenu-media .menuFacts { padding: 15px; } #dp-mainmenu .submenu-wrapper.mega-menu .submenu-inner .submenu-media .menuFacts li { position: relative; line-height: 1.1; margin-bottom: 10px; padding-left: 10px; } #dp-mainmenu .submenu-wrapper.mega-menu .submenu-inner .submenu-media .menuFacts li:last-child { margin-bottom: 0; } #dp-mainmenu .submenu-wrapper.mega-menu .submenu-inner .submenu-media .menuFacts li:before { position: absolute; top: 0; left: 0; bottom: 0; width: 2px; background: #00c5d6; content: ""; } #dp-mainmenu .submenu-wrapper.mega-menu .submenu-inner .submenu-media.active-item { opacity: 1; visibility: visible; position: relative; } } 
/* cols                [12295] */ .cols { width: auto; margin-left: -15px; } .cols > * { float: left; padding-left: 15px; position: relative; } .cols > .col-100 { width: 100%; } .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.no-gaps{ margin-left: 0; } .cols.no-gaps > *{ padding-left: 0; } .cols.small-gaps{ margin-left: -10px; } .cols.small-gaps > *{ padding-left: 10px; } .cols.large-gaps{ margin-left: -50px; } .cols.large-gaps > *{ padding-left: 50px; } .cols.larger-gaps{ margin-left: -80px; } .cols.larger-gaps > *{ padding-left: 80px; } .cols.largest-gaps{ margin-left: -100px; } .cols.largest-gaps > *{ padding-left: 100px; } @media all and (min-width: 30em){ .cols-400 { width: auto; margin-left: -15px; } .cols-400 > * { float: left; padding-left: 15px; position: relative; } .cols-400 > .col-400-100 { width: 100%; } .cols-400 > .col-400-83 { width: 83.333%; } .cols-400 > .col-400-83.pull { right: 16.666%; } .cols-400 > .col-400-83.push { left: 16.666%; } .cols-400 > .col-400-80 { width: 80%; } .cols-400 > .col-400-80.pull { right: 20%; } .cols-400 > .col-400-80.push { left: 20%; } .cols-400 > .col-400-75 { width: 75%; } .cols-400 > .col-400-75.pull { right: 25%; } .cols-400 > .col-400-75.push { left: 25%; } .cols-400 > .col-400-70 { width: 70%; } .cols-400 > .col-400-70.pull { right: 30%; } .cols-400 > .col-400-70.push { left: 30%; } .cols-400 > .col-400-66 { width: 66.666%; } .cols-400 > .col-400-66.pull { right: 33.333%; } .cols-400 > .col-400-66.push { left: 33.333%; } .cols-400 > .col-400-65 { width: 65%; } .cols-400 > .col-400-65.pull { right: 35%; } .cols-400 > .col-400-65.push { left: 35%; } .cols-400 > .col-400-60 { width: 60%; } .cols-400 > .col-400-60.pull { right: 40%; } .cols-400 > .col-400-60.push { left: 40%; } .cols-400 > .col-400-50 { width: 50%; } .cols-400 > .col-400-50.pull { right: 50%; } .cols-400 > .col-400-50.push { left: 50%; } .cols-400 > .col-400-40 { width: 40%; } .cols-400 > .col-400-40.pull { right: 60%; } .cols-400 > .col-400-40.push { left: 60%; } .cols-400 > .col-400-35 { width: 35%; } .cols-400 > .col-400-35.pull { right: 65%; } .cols-400 > .col-400-35.push { left: 65%; } .cols-400 > .col-400-33 { width: 33.333%; } .cols-400 > .col-400-33.pull { right: 66.666%; } .cols-400 > .col-400-33.push { left: 66.666%; } .cols-400 > .col-400-30 { width: 30%; } .cols-400 > .col-400-30.pull { right: 70%; } .cols-400 > .col-400-30.push { left: 70%; } .cols-400 > .col-400-25 { width: 25%; } .cols-400 > .col-400-25.pull { right: 75%; } .cols-400 > .col-400-25.push { left: 75%; } .cols-400 > .col-400-20 { width: 20%; } .cols-400 > .col-400-20.pull { right: 80%; } .cols-400 > .col-400-20.push { left: 80%; } .cols-400 > .col-400-16 { width: 16.666%; } .cols-400 > .col-400-16.pull { right: 83.333%; } .cols-400 > .col-400-16.push { left: 83.333%; } .cols-400.no-gaps{ margin-left: 0; } .cols-400.no-gaps > *{ padding-left: 0; } .cols-400.small-gaps{ margin-left: -10px; } .cols-400.small-gaps > *{ padding-left: 10px; } .cols-400.large-gaps{ margin-left: -50px; } .cols-400.large-gaps > *{ padding-left: 50px; } .cols-400.larger-gaps{ margin-left: -80px; } .cols-400.larger-gaps > *{ padding-left: 80px; } .cols-400.largest-gaps{ margin-left: -100px; } .cols-400.largest-gaps > *{ padding-left: 100px; } } @media all and (min-width: 45em){ .cols-720 { width: auto; margin-left: -15px; } .cols-720 > * { float: left; padding-left: 15px; position: relative; } .cols-720 > .col-720-100 { width: 100%; } .cols-720 > .col-720-83 { width: 83.333%; } .cols-720 > .col-720-83.pull { right: 16.666%; } .cols-720 > .col-720-83.push { left: 16.666%; } .cols-720 > .col-720-80 { width: 80%; } .cols-720 > .col-720-80.pull { right: 20%; } .cols-720 > .col-720-80.push { left: 20%; } .cols-720 > .col-720-75 { width: 75%; } .cols-720 > .col-720-75.pull { right: 25%; } .cols-720 > .col-720-75.push { left: 25%; } .cols-720 > .col-720-70 { width: 70%; } .cols-720 > .col-720-70.pull { right: 30%; } .cols-720 > .col-720-70.push { left: 30%; } .cols-720 > .col-720-66 { width: 66.666%; } .cols-720 > .col-720-66.pull { right: 33.333%; } .cols-720 > .col-720-66.push { left: 33.333%; } .cols-720 > .col-720-60 { width: 60%; } .cols-720 > .col-720-60.pull { right: 40%; } .cols-720 > .col-720-60.push { left: 40%; } .cols-720 > .col-720-50 { width: 50%; } .cols-720 > .col-720-50.pull { right: 50%; } .cols-720 > .col-720-50.push { left: 50%; } .cols-720 > .col-720-40 { width: 40%; } .cols-720 > .col-720-40.pull { right: 60%; } .cols-720 > .col-720-40.push { left: 60%; } .cols-720 > .col-720-33 { width: 33.333%; } .cols-720 > .col-720-33.pull { right: 66.666%; } .cols-720 > .col-720-33.push { left: 66.666%; } .cols-720 > .col-720-30 { width: 30%; } .cols-720 > .col-720-30.pull { right: 70%; } .cols-720 > .col-720-30.push { left: 70%; } .cols-720 > .col-720-25 { width: 25%; } .cols-720 > .col-720-25.pull { right: 75%; } .cols-720 > .col-720-25.push { left: 75%; } .cols-720 > .col-720-20 { width: 20%; } .cols-720 > .col-720-20.pull { right: 80%; } .cols-720 > .col-720-20.push { left: 80%; } .cols-720 > .col-720-16 { width: 16.666%; } .cols-720 > .col-720-16.pull { right: 83.333%; } .cols-720 > .col-720-16.push { left: 83.333%; } .cols-720.no-gaps{ margin-left: 0; } .cols-720.no-gaps > *{ padding-left: 0; } .cols-720.small-gaps{ margin-left: -10px; } .cols-720.small-gaps > *{ padding-left: 10px; } .cols-720.large-gaps{ margin-left: -50px; } .cols-720.large-gaps > *{ padding-left: 50px; } .cols-720.larger-gaps{ margin-left: -80px; } .cols-720.larger-gaps > *{ padding-left: 80px; } .cols-720.largest-gaps{ margin-left: -50px; } .cols-720.largest-gaps > *{ padding-left: 50px; } } @media all and (min-width: 60em){ .cols-960 { width: auto; margin-left: -15px; } .cols-960 > * { float: left; padding-left: 15px; position: relative; } .cols-960 > .col-960-100 { width: 100%; } .cols-960 > .col-960-83 { width: 83.333%; } .cols-960 > .col-960-83.pull { right: 16.666%; } .cols-960 > .col-960-83.push { left: 16.666%; } .cols-960 > .col-960-80 { width: 80%; } .cols-960 > .col-960-80.pull { right: 20%; } .cols-960 > .col-960-80.push { left: 20%; } .cols-960 > .col-960-75 { width: 75%; } .cols-960 > .col-960-75.pull { right: 25%; } .cols-960 > .col-960-75.push { left: 25%; } .cols-960 > .col-960-70 { width: 70%; } .cols-960 > .col-960-70.pull { right: 30%; } .cols-960 > .col-960-70.push { left: 30%; } .cols-960 > .col-960-66 { width: 66.666%; } .cols-960 > .col-960-66.pull { right: 33.333%; } .cols-960 > .col-960-66.push { left: 33.333%; } .cols-960 > .col-960-60 { width: 60%; } .cols-960 > .col-960-60.pull { right: 40%; } .cols-960 > .col-960-60.push { left: 40%; } .cols-960 > .col-960-50 { width: 50%; } .cols-960 > .col-960-50.pull { right: 50%; } .cols-960 > .col-960-50.push { left: 50%; } .cols-960 > .col-960-40 { width: 40%; } .cols-960 > .col-960-40.pull { right: 60%; } .cols-960 > .col-960-40.push { left: 60%; } .cols-960 > .col-960-33 { width: 33.333%; } .cols-960 > .col-960-33.pull { right: 66.666%; } .cols-960 > .col-960-33.push { left: 66.666%; } .cols-960 > .col-960-30 { width: 30%; } .cols-960 > .col-960-30.pull { right: 70%; } .cols-960 > .col-960-30.push { left: 70%; } .cols-960 > .col-960-25 { width: 25%; } .cols-960 > .col-960-25.pull { right: 75%; } .cols-960 > .col-960-25.push { left: 75%; } .cols-960 > .col-960-20 { width: 20%; } .cols-960 > .col-960-20.pull { right: 80%; } .cols-960 > .col-960-20.push { left: 80%; } .cols-960 > .col-960-16 { width: 16.666%; } .cols-960 > .col-960-16.pull { right: 83.333%; } .cols-960 > .col-960-16.push { left: 83.333%; } .cols-960 > .col-960-headerteaser-left { width: 61.15%; } .cols-960 > .col-960-headerteaser-right { width: 38.85%; } .cols-960.no-gaps{ margin-left: 0; } .cols-960.no-gaps > *{ padding-left: 0; } .cols-960.small-gaps{ margin-left: -10px; } .cols-960.small-gaps > *{ padding-left: 10px; } .cols-960.large-gaps{ margin-left: -50px; } .cols-960.large-gaps > *{ padding-left: 50px; } .cols-960.larger-gaps{ margin-left: -80px; } .cols-960.larger-gaps > *{ padding-left: 80px; } .cols-960.largest-gaps{ margin-left: -100px; } .cols-960.largest-gaps > *{ padding-left: 100px; } } @media all and (min-width: 75em){ .cols-1200 { width: auto; margin-left: -15px; } .cols-1200 > * { float: left; padding-left: 15px; position: relative; } .cols-1200 > .col-1200-100 { width: 100%; } .cols-1200 > .col-1200-83 { width: 83.333%; } .cols-1200 > .col-1200-83.pull { right: 16.666%; } .cols-1200 > .col-1200-83.push { left: 16.666%; } .cols-1200 > .col-1200-80 { width: 80%; } .cols-1200 > .col-1200-80.pull { right: 20%; } .cols-1200 > .col-1200-80.push { left: 20%; } .cols-1200 > .col-1200-75 { width: 75%; } .cols-1200 > .col-1200-75.pull { right: 25%; } .cols-1200 > .col-1200-75.push { left: 25%; } .cols-1200 > .col-1200-70 { width: 70%; } .cols-1200 > .col-1200-70.pull { right: 30%; } .cols-1200 > .col-1200-70.push { left: 30%; } .cols-1200 > .col-1200-66 { width: 66.666%; } .cols-1200 > .col-1200-66.pull { right: 33.333%; } .cols-1200 > .col-1200-66.push { left: 33.333%; } .cols-1200 > .col-1200-60 { width: 60%; } .cols-1200 > .col-1200-60.pull { right: 40%; } .cols-1200 > .col-1200-60.push { left: 40%; } .cols-1200 > .col-1200-50 { width: 50%; } .cols-1200 > .col-1200-50.pull { right: 50%; } .cols-1200 > .col-1200-50.push { left: 50%; } .cols-1200 > .col-1200-40 { width: 40%; } .cols-1200 > .col-1200-40.pull { right: 60%; } .cols-1200 > .col-1200-40.push { left: 60%; } .cols-1200 > .col-1200-33 { width: 33.333%; } .cols-1200 > .col-1200-33.pull { right: 66.666%; } .cols-1200 > .col-1200-33.push { left: 66.666%; } .cols-1200 > .col-1200-30 { width: 30%; } .cols-1200 > .col-1200-30.pull { right: 70%; } .cols-1200 > .col-1200-30.push { left: 70%; } .cols-1200 > .col-1200-25 { width: 25%; } .cols-1200 > .col-1200-25.pull { right: 75%; } .cols-1200 > .col-1200-25.push { left: 75%; } .cols-1200 > .col-1200-20 { width: 20%; } .cols-1200 > .col-1200-20.pull { right: 80%; } .cols-1200 > .col-1200-20.push { left: 80%; } .cols-1200 > .col-1200-16 { width: 16.666%; } .cols-1200 > .col-1200-16.pull { right: 83.333%; } .cols-1200 > .col-1200-16.push { left: 83.333%; } .cols-1200 > .col-1200-headerteaser-left { width: 61.15%; } .cols-1200 > .col-1200-headerteaser-right { width: 38.85%; } .cols-1200.no-gaps{ margin-left: 0; } .cols-1200.no-gaps > *{ padding-left: 0; } .cols-1200.small-gaps{ margin-left: -10px; } .cols-1200.small-gaps > *{ padding-left: 10px; } .cols-1200.large-gaps{ margin-left: -50px; } .cols-1200.large-gaps > *{ padding-left: 50px; } .cols-1200.larger-gaps{ margin-left: -80px; } .cols-1200.larger-gaps > *{ padding-left: 80px; } .cols-1200.largest-gaps{ margin-left: -100px; } .cols-1200.largest-gaps > *{ padding-left: 100px; } .cols-1200.larger-gaps-1200{ margin-left: -80px; } .cols-1200.larger-gaps-1200 > *{ padding-left: 80px; } .cols-1200.largest-gaps-1200{ margin-left: -100px; } .cols-1200.largest-gaps-1200 > *{ padding-left: 100px; } }
/* print                 [625] */ @media print { .noprint { display: none!important; } .printonly{ display: block!important; } .swiper-slide, .swiper-container-android .swiper-slide, .swiper-wrapper{ 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; } }
/* form                 [3421] */ @media all { 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: #00c5d6!important; color: #fff!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: 700; font-family: "Pelipal"; 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 fieldset { border: 0; padding: 0; margin: 0; } .dp-form input.text,.dp-form textarea,.dp-form select { width: 100%; border: 1px solid #ccc; padding: .5em .75em; color: #56565a; } .dp-form input.text:focus,.dp-form textarea:focus,.dp-form select:focus { background-color: #f4f4f4; } .dp-form input[type="checkbox"],.dp-form input[type="radio"] { margin-right: 5px; } .dp-form textarea { height: 8em; } .dp-form .row { margin: 0 0 15px; } .dp-form .row label { width: 100%; } .dp-form .row-error input.text,.dp-form .row-error textarea { border: 1px solid #c33; } .dp-form .row-error .message { color: #c33; font-size: .875em; font-weight: var(fontweightbold); } .dp-form button,.dp-form .submit { border: none; outline: none; padding: .5em .75em; background-color: #00c5d6; color: #fff; } .dp-form button:hover,.dp-form .submit:hover { background-color: #00a6b4!important; } .dp-form .requiredNotice { font-size: .75em; margin: 0 0 5px; opacity: .75; } .dp-form .captchaDiv { max-width: 460px; } .dp-form img.captcha { width: 100px; } .dp-form .formfield-info { font-size: .825rem; font-weight: bold; margin-top: -10px; margin-bottom: 25px; color: #666; } .dp-form .formfield-info svg { width: 1.2em; height: 1.2em; color: #00c5d6; vertical-align: text-bottom; } } @media all and (min-width: 25em){ } @media all and (min-width: 45em){ .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){ } @media all and (min-width: 70em){ }