/* This file contains the following source files in the following order. - C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\layouts\_shared\assets\zpgrid.less - C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\buttonv12\assets\button.css - C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\zptabledata\zptabledata.css - C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\formular\form.css - C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\_Shared\js\fancybox\jquery.fancybox-1.3.4-cleaned.css - C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\suche\zpsearch.css - C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\slider\assets\slider-global.css - C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\layouts\Locus Responsive\assets\styles.less - C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\untermenue\untermenu.less - C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\singleimage\singleimage.less */ /* START source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\layouts\_shared\assets\zpgrid.less“. */ /*! $Id: zpgrid.less 80003 2019-09-24 12:11:25Z sseiz $ */ /* Sanitize and default Values in case #val() Values from ZPp are empty or not plain numbers */ /* BEGIN ZP 12 Grid Style */ div.zpRow { margin-bottom: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } div.zpRow div.zpColumn img.singleImage { max-width: 100% !important; height: auto !important; display: inline-block; } div.zpRow div.zpColumn .zpImageGallery img.singleImage { display: block; } div.zpRow div.zpColumn .zpImageGallery a.fancybox { max-width: 100%; /* Bugfix to keep image responsive in IE11 */ } div.zpRow div.zpColumn div.zpColumnItem { display: block; float: left; padding: 0; } /* END ZP 12 Grid Style */ /* *** Global Rules applying to all Layouts ***/ /* break long words in headlines by default, so they don't destroy the layout, in case a layout doesn't activate hyphenation */ h1, h2, h3, h4, h5, h6, a, .zphyphenate { overflow-wrap: break-word; word-wrap: break-word; } .zphyphenate { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-lines: 2; -moz-hyphenate-limit-lines: 2; -ms-hyphenate-limit-lines: 2; hyphenate-limit-lines: 2; -webkit-hyphenate-limit-chars: auto 3; -moz-hyphenate-limit-chars: auto 3; -ms-hyphenate-limit-chars: auto 3; hyphenate-limit-chars: auto 3; } /* flex-slider general overrides */ .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; z-index: -1; } /* more responsive iFrames and iFrame Containers */ iframe, object, embed, .zpwIFrame, .zpwFacebook_Like-Button, .zpwFacebook_Like-Box, div.fb-like { max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } iframe { border: 0; } /* Remove eventual borders from 1px images and images in special parents with classes */ img[width="1px"], img[width="1"], .plain > img, .noborder > img, img.plain, img.noborder, .zpwBild.plain a, .zpwBild.noborder a, .zpwBild.plain a > img, .zpwBild.noborder a > img { border: none !important; box-shadow: none !important; } ol.zpBreadcrumbs, #breadcrumb ol.zpBreadcrumbs, .breadcrumb ol.zpBreadcrumbs { list-style: none; margin: 0; padding: 0; display: inline; } ol.zpBreadcrumbs li, #breadcrumb ol.zpBreadcrumbs li, .breadcrumb ol.zpBreadcrumbs li { list-style: none; display: inline; } ol.zpBreadcrumbs span:not(.divider), #breadcrumb ol.zpBreadcrumbs span:not(.divider), .breadcrumb ol.zpBreadcrumbs span:not(.divider) { color: inherit; } /* *** End Global Rules applying to all Layouts ***/ /* ADDED StS ZP 13 Grid */ div.zpRow .zpColumn, .zpColumnItem { box-sizing: border-box; /* IE Bugfix */ max-width: 100%; /* IE Bugfix */ } .zpColumnItem { width: 100%; /* fill enclosing zpColumn, so inline editing resizing refletcs the column and not the columnItem */ } div.zpRow .zpColumn { padding: 0 15px; } div.zpRow .zpFakeColumn.flexbreak { visibility: hidden; width: 100% !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* ***** 12-column grid ***** */ .c1, .c2, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 { box-sizing: border-box; } div.zpRow .zpColumn.c12, .zpColumnItem.c12, .zp-form .c12, .zpgrid .c12 { float: left; width: 100%; } div.zpRow .zpColumn.c11, .zpColumnItem.c11, .zp-form .c11, .zpgrid .c11 { float: left; width: 91.666666667%; } div.zpRow .zpColumn.c10, .zpColumnItem.c10, .zp-form .c10, .zpgrid .c10 { float: left; width: 83.333333333%; } div.zpRow .zpColumn.c9, .zpColumnItem.c9, .zp-form .c9, .zpgrid .c9 { float: left; width: 75%; } div.zpRow .zpColumn.c8, .zpColumnItem.c8, .zp-form .c8, .zpgrid .c8 { float: left; width: 66.666666667%; } div.zpRow .zpColumn.c7, .zpColumnItem.c7, .zp-form .c7, .zpgrid .c7 { float: left; width: 58.333333333%; } div.zpRow .zpColumn.c6, .zpColumnItem.c6, .zp-form .c6, .zpgrid .c6 { float: left; width: 50%; } div.zpRow .zpColumn.c5, .zpColumnItem.c5, .zp-form .c5, .zpgrid .c5 { float: left; width: 41.666666667%; } div.zpRow .zpColumn.c4, .zpColumnItem.c4, .zp-form .c4, .zpgrid .c4 { float: left; width: 33.333333333%; } div.zpRow .zpColumn.c3, .zpColumnItem.c3, .zp-form .c3, .zpgrid .c3 { float: left; width: 25%; } div.zpRow .zpColumn.c2, .zpColumnItem.c2, .zp-form .c2, .zpgrid .c2 { float: left; width: 16.666666667%; } div.zpRow .zpColumn.c1, .zpColumnItem.c1, .zp-form .c1, .zpgrid .c1 { float: left; width: 8.333333333%; } .zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c1, .zparea[data-numcolumns="8"] div.zpRow .zpColumn.c1, .zpgrid[data-numcolumns="8"] .zpColumnItem.c1, .zparea[data-numcolumns="8"] .zpColumnItem.c1, .zpgrid[data-numcolumns="8"] .zp-form .c1, .zparea[data-numcolumns="8"] .zp-form .c1, .zpgrid[data-numcolumns="8"] .zpgrid .c1, .zparea[data-numcolumns="8"] .zpgrid .c1, .zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c2, .zparea[data-numcolumns="8"] div.zpRow .zpColumn.c2, .zpgrid[data-numcolumns="8"] .zpColumnItem.c2, .zparea[data-numcolumns="8"] .zpColumnItem.c2, .zpgrid[data-numcolumns="8"] .zp-form .c2, .zparea[data-numcolumns="8"] .zp-form .c2, .zpgrid[data-numcolumns="8"] .zpgrid .c2, .zparea[data-numcolumns="8"] .zpgrid .c2 { float: left; width: 12.5%; } .zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c3, .zparea[data-numcolumns="8"] div.zpRow .zpColumn.c3, .zpgrid[data-numcolumns="8"] .zpColumnItem.c3, .zparea[data-numcolumns="8"] .zpColumnItem.c3, .zpgrid[data-numcolumns="8"] .zp-form .c3, .zparea[data-numcolumns="8"] .zp-form .c3, .zpgrid[data-numcolumns="8"] .zpgrid .c3, .zparea[data-numcolumns="8"] .zpgrid .c3 { float: left; width: 25%; } .zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c4, .zparea[data-numcolumns="8"] div.zpRow .zpColumn.c4, .zpgrid[data-numcolumns="8"] .zpColumnItem.c4, .zparea[data-numcolumns="8"] .zpColumnItem.c4, .zpgrid[data-numcolumns="8"] .zp-form .c4, .zparea[data-numcolumns="8"] .zp-form .c4, .zpgrid[data-numcolumns="8"] .zpgrid .c4, .zparea[data-numcolumns="8"] .zpgrid .c4, .zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c5, .zparea[data-numcolumns="8"] div.zpRow .zpColumn.c5, .zpgrid[data-numcolumns="8"] .zpColumnItem.c5, .zparea[data-numcolumns="8"] .zpColumnItem.c5, .zpgrid[data-numcolumns="8"] .zp-form .c5, .zparea[data-numcolumns="8"] .zp-form .c5, .zpgrid[data-numcolumns="8"] .zpgrid .c5, .zparea[data-numcolumns="8"] .zpgrid .c5 { float: left; width: 37.5%; } .zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c6, .zparea[data-numcolumns="8"] div.zpRow .zpColumn.c6, .zpgrid[data-numcolumns="8"] .zpColumnItem.c6, .zparea[data-numcolumns="8"] .zpColumnItem.c6, .zpgrid[data-numcolumns="8"] .zp-form .c6, .zparea[data-numcolumns="8"] .zp-form .c6, .zpgrid[data-numcolumns="8"] .zpgrid .c6, .zparea[data-numcolumns="8"] .zpgrid .c6 { float: left; width: 50%; } .zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c7, .zparea[data-numcolumns="8"] div.zpRow .zpColumn.c7, .zpgrid[data-numcolumns="8"] .zpColumnItem.c7, .zparea[data-numcolumns="8"] .zpColumnItem.c7, .zpgrid[data-numcolumns="8"] .zp-form .c7, .zparea[data-numcolumns="8"] .zp-form .c7, .zpgrid[data-numcolumns="8"] .zpgrid .c7, .zparea[data-numcolumns="8"] .zpgrid .c7, .zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c8, .zparea[data-numcolumns="8"] div.zpRow .zpColumn.c8, .zpgrid[data-numcolumns="8"] .zpColumnItem.c8, .zparea[data-numcolumns="8"] .zpColumnItem.c8, .zpgrid[data-numcolumns="8"] .zp-form .c8, .zparea[data-numcolumns="8"] .zp-form .c8, .zpgrid[data-numcolumns="8"] .zpgrid .c8, .zparea[data-numcolumns="8"] .zpgrid .c8 { float: left; width: 62.5%; } .zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c9, .zparea[data-numcolumns="8"] div.zpRow .zpColumn.c9, .zpgrid[data-numcolumns="8"] .zpColumnItem.c9, .zparea[data-numcolumns="8"] .zpColumnItem.c9, .zpgrid[data-numcolumns="8"] .zp-form .c9, .zparea[data-numcolumns="8"] .zp-form .c9, .zpgrid[data-numcolumns="8"] .zpgrid .c9, .zparea[data-numcolumns="8"] .zpgrid .c9 { float: left; width: 75%; } .zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c10, .zparea[data-numcolumns="8"] div.zpRow .zpColumn.c10, .zpgrid[data-numcolumns="8"] .zpColumnItem.c10, .zparea[data-numcolumns="8"] .zpColumnItem.c10, .zpgrid[data-numcolumns="8"] .zp-form .c10, .zparea[data-numcolumns="8"] .zp-form .c10, .zpgrid[data-numcolumns="8"] .zpgrid .c10, .zparea[data-numcolumns="8"] .zpgrid .c10, .zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c11, .zparea[data-numcolumns="8"] div.zpRow .zpColumn.c11, .zpgrid[data-numcolumns="8"] .zpColumnItem.c11, .zparea[data-numcolumns="8"] .zpColumnItem.c11, .zpgrid[data-numcolumns="8"] .zp-form .c11, .zparea[data-numcolumns="8"] .zp-form .c11, .zpgrid[data-numcolumns="8"] .zpgrid .c11, .zparea[data-numcolumns="8"] .zpgrid .c11 { float: left; width: 87.5%; } .zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c12, .zparea[data-numcolumns="8"] div.zpRow .zpColumn.c12, .zpgrid[data-numcolumns="8"] .zpColumnItem.c12, .zparea[data-numcolumns="8"] .zpColumnItem.c12, .zpgrid[data-numcolumns="8"] .zp-form .c12, .zparea[data-numcolumns="8"] .zp-form .c12, .zpgrid[data-numcolumns="8"] .zpgrid .c12, .zparea[data-numcolumns="8"] .zpgrid .c12 { float: left; width: 100%; } .zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c1, .zparea[data-numcolumns="6"] div.zpRow .zpColumn.c1, .zpgrid[data-numcolumns="6"] .zpColumnItem.c1, .zparea[data-numcolumns="6"] .zpColumnItem.c1, .zpgrid[data-numcolumns="6"] .zp-form .c1, .zparea[data-numcolumns="6"] .zp-form .c1, .zpgrid[data-numcolumns="6"] .zpgrid .c1, .zparea[data-numcolumns="6"] .zpgrid .c1, .zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c2, .zparea[data-numcolumns="6"] div.zpRow .zpColumn.c2, .zpgrid[data-numcolumns="6"] .zpColumnItem.c2, .zparea[data-numcolumns="6"] .zpColumnItem.c2, .zpgrid[data-numcolumns="6"] .zp-form .c2, .zparea[data-numcolumns="6"] .zp-form .c2, .zpgrid[data-numcolumns="6"] .zpgrid .c2, .zparea[data-numcolumns="6"] .zpgrid .c2 { float: left; width: 16.666666667%; } .zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c3, .zparea[data-numcolumns="6"] div.zpRow .zpColumn.c3, .zpgrid[data-numcolumns="6"] .zpColumnItem.c3, .zparea[data-numcolumns="6"] .zpColumnItem.c3, .zpgrid[data-numcolumns="6"] .zp-form .c3, .zparea[data-numcolumns="6"] .zp-form .c3, .zpgrid[data-numcolumns="6"] .zpgrid .c3, .zparea[data-numcolumns="6"] .zpgrid .c3, .zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c4, .zparea[data-numcolumns="6"] div.zpRow .zpColumn.c4, .zpgrid[data-numcolumns="6"] .zpColumnItem.c4, .zparea[data-numcolumns="6"] .zpColumnItem.c4, .zpgrid[data-numcolumns="6"] .zp-form .c4, .zparea[data-numcolumns="6"] .zp-form .c4, .zpgrid[data-numcolumns="6"] .zpgrid .c4, .zparea[data-numcolumns="6"] .zpgrid .c4 { float: left; width: 33.333333333%; } .zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c5, .zparea[data-numcolumns="6"] div.zpRow .zpColumn.c5, .zpgrid[data-numcolumns="6"] .zpColumnItem.c5, .zparea[data-numcolumns="6"] .zpColumnItem.c5, .zpgrid[data-numcolumns="6"] .zp-form .c5, .zparea[data-numcolumns="6"] .zp-form .c5, .zpgrid[data-numcolumns="6"] .zpgrid .c5, .zparea[data-numcolumns="6"] .zpgrid .c5, .zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c6, .zparea[data-numcolumns="6"] div.zpRow .zpColumn.c6, .zpgrid[data-numcolumns="6"] .zpColumnItem.c6, .zparea[data-numcolumns="6"] .zpColumnItem.c6, .zpgrid[data-numcolumns="6"] .zp-form .c6, .zparea[data-numcolumns="6"] .zp-form .c6, .zpgrid[data-numcolumns="6"] .zpgrid .c6, .zparea[data-numcolumns="6"] .zpgrid .c6 { float: left; width: 50%; } .zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c7, .zparea[data-numcolumns="6"] div.zpRow .zpColumn.c7, .zpgrid[data-numcolumns="6"] .zpColumnItem.c7, .zparea[data-numcolumns="6"] .zpColumnItem.c7, .zpgrid[data-numcolumns="6"] .zp-form .c7, .zparea[data-numcolumns="6"] .zp-form .c7, .zpgrid[data-numcolumns="6"] .zpgrid .c7, .zparea[data-numcolumns="6"] .zpgrid .c7, .zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c8, .zparea[data-numcolumns="6"] div.zpRow .zpColumn.c8, .zpgrid[data-numcolumns="6"] .zpColumnItem.c8, .zparea[data-numcolumns="6"] .zpColumnItem.c8, .zpgrid[data-numcolumns="6"] .zp-form .c8, .zparea[data-numcolumns="6"] .zp-form .c8, .zpgrid[data-numcolumns="6"] .zpgrid .c8, .zparea[data-numcolumns="6"] .zpgrid .c8 { float: left; width: 66.666666667%; } .zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c9, .zparea[data-numcolumns="6"] div.zpRow .zpColumn.c9, .zpgrid[data-numcolumns="6"] .zpColumnItem.c9, .zparea[data-numcolumns="6"] .zpColumnItem.c9, .zpgrid[data-numcolumns="6"] .zp-form .c9, .zparea[data-numcolumns="6"] .zp-form .c9, .zpgrid[data-numcolumns="6"] .zpgrid .c9, .zparea[data-numcolumns="6"] .zpgrid .c9, .zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c10, .zparea[data-numcolumns="6"] div.zpRow .zpColumn.c10, .zpgrid[data-numcolumns="6"] .zpColumnItem.c10, .zparea[data-numcolumns="6"] .zpColumnItem.c10, .zpgrid[data-numcolumns="6"] .zp-form .c10, .zparea[data-numcolumns="6"] .zp-form .c10, .zpgrid[data-numcolumns="6"] .zpgrid .c10, .zparea[data-numcolumns="6"] .zpgrid .c10 { float: left; width: 83.333333333%; } .zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c11, .zparea[data-numcolumns="6"] div.zpRow .zpColumn.c11, .zpgrid[data-numcolumns="6"] .zpColumnItem.c11, .zparea[data-numcolumns="6"] .zpColumnItem.c11, .zpgrid[data-numcolumns="6"] .zp-form .c11, .zparea[data-numcolumns="6"] .zp-form .c11, .zpgrid[data-numcolumns="6"] .zpgrid .c11, .zparea[data-numcolumns="6"] .zpgrid .c11, .zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c12, .zparea[data-numcolumns="6"] div.zpRow .zpColumn.c12, .zpgrid[data-numcolumns="6"] .zpColumnItem.c12, .zparea[data-numcolumns="6"] .zpColumnItem.c12, .zpgrid[data-numcolumns="6"] .zp-form .c12, .zparea[data-numcolumns="6"] .zp-form .c12, .zpgrid[data-numcolumns="6"] .zpgrid .c12, .zparea[data-numcolumns="6"] .zpgrid .c12 { float: left; width: 100%; } .zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c1, .zparea[data-numcolumns="4"] div.zpRow .zpColumn.c1, .zpgrid[data-numcolumns="4"] .zpColumnItem.c1, .zparea[data-numcolumns="4"] .zpColumnItem.c1, .zpgrid[data-numcolumns="4"] .zp-form .c1, .zparea[data-numcolumns="4"] .zp-form .c1, .zpgrid[data-numcolumns="4"] .zpgrid .c1, .zparea[data-numcolumns="4"] .zpgrid .c1, .zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c2, .zparea[data-numcolumns="4"] div.zpRow .zpColumn.c2, .zpgrid[data-numcolumns="4"] .zpColumnItem.c2, .zparea[data-numcolumns="4"] .zpColumnItem.c2, .zpgrid[data-numcolumns="4"] .zp-form .c2, .zparea[data-numcolumns="4"] .zp-form .c2, .zpgrid[data-numcolumns="4"] .zpgrid .c2, .zparea[data-numcolumns="4"] .zpgrid .c2, .zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c3, .zparea[data-numcolumns="4"] div.zpRow .zpColumn.c3, .zpgrid[data-numcolumns="4"] .zpColumnItem.c3, .zparea[data-numcolumns="4"] .zpColumnItem.c3, .zpgrid[data-numcolumns="4"] .zp-form .c3, .zparea[data-numcolumns="4"] .zp-form .c3, .zpgrid[data-numcolumns="4"] .zpgrid .c3, .zparea[data-numcolumns="4"] .zpgrid .c3 { float: left; width: 25%; } .zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c4, .zparea[data-numcolumns="4"] div.zpRow .zpColumn.c4, .zpgrid[data-numcolumns="4"] .zpColumnItem.c4, .zparea[data-numcolumns="4"] .zpColumnItem.c4, .zpgrid[data-numcolumns="4"] .zp-form .c4, .zparea[data-numcolumns="4"] .zp-form .c4, .zpgrid[data-numcolumns="4"] .zpgrid .c4, .zparea[data-numcolumns="4"] .zpgrid .c4, .zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c5, .zparea[data-numcolumns="4"] div.zpRow .zpColumn.c5, .zpgrid[data-numcolumns="4"] .zpColumnItem.c5, .zparea[data-numcolumns="4"] .zpColumnItem.c5, .zpgrid[data-numcolumns="4"] .zp-form .c5, .zparea[data-numcolumns="4"] .zp-form .c5, .zpgrid[data-numcolumns="4"] .zpgrid .c5, .zparea[data-numcolumns="4"] .zpgrid .c5, .zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c6, .zparea[data-numcolumns="4"] div.zpRow .zpColumn.c6, .zpgrid[data-numcolumns="4"] .zpColumnItem.c6, .zparea[data-numcolumns="4"] .zpColumnItem.c6, .zpgrid[data-numcolumns="4"] .zp-form .c6, .zparea[data-numcolumns="4"] .zp-form .c6, .zpgrid[data-numcolumns="4"] .zpgrid .c6, .zparea[data-numcolumns="4"] .zpgrid .c6 { float: left; width: 50%; } .zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c7, .zparea[data-numcolumns="4"] div.zpRow .zpColumn.c7, .zpgrid[data-numcolumns="4"] .zpColumnItem.c7, .zparea[data-numcolumns="4"] .zpColumnItem.c7, .zpgrid[data-numcolumns="4"] .zp-form .c7, .zparea[data-numcolumns="4"] .zp-form .c7, .zpgrid[data-numcolumns="4"] .zpgrid .c7, .zparea[data-numcolumns="4"] .zpgrid .c7, .zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c8, .zparea[data-numcolumns="4"] div.zpRow .zpColumn.c8, .zpgrid[data-numcolumns="4"] .zpColumnItem.c8, .zparea[data-numcolumns="4"] .zpColumnItem.c8, .zpgrid[data-numcolumns="4"] .zp-form .c8, .zparea[data-numcolumns="4"] .zp-form .c8, .zpgrid[data-numcolumns="4"] .zpgrid .c8, .zparea[data-numcolumns="4"] .zpgrid .c8, .zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c9, .zparea[data-numcolumns="4"] div.zpRow .zpColumn.c9, .zpgrid[data-numcolumns="4"] .zpColumnItem.c9, .zparea[data-numcolumns="4"] .zpColumnItem.c9, .zpgrid[data-numcolumns="4"] .zp-form .c9, .zparea[data-numcolumns="4"] .zp-form .c9, .zpgrid[data-numcolumns="4"] .zpgrid .c9, .zparea[data-numcolumns="4"] .zpgrid .c9 { float: left; width: 75%; } .zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c10, .zparea[data-numcolumns="4"] div.zpRow .zpColumn.c10, .zpgrid[data-numcolumns="4"] .zpColumnItem.c10, .zparea[data-numcolumns="4"] .zpColumnItem.c10, .zpgrid[data-numcolumns="4"] .zp-form .c10, .zparea[data-numcolumns="4"] .zp-form .c10, .zpgrid[data-numcolumns="4"] .zpgrid .c10, .zparea[data-numcolumns="4"] .zpgrid .c10, .zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c11, .zparea[data-numcolumns="4"] div.zpRow .zpColumn.c11, .zpgrid[data-numcolumns="4"] .zpColumnItem.c11, .zparea[data-numcolumns="4"] .zpColumnItem.c11, .zpgrid[data-numcolumns="4"] .zp-form .c11, .zparea[data-numcolumns="4"] .zp-form .c11, .zpgrid[data-numcolumns="4"] .zpgrid .c11, .zparea[data-numcolumns="4"] .zpgrid .c11, .zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c12, .zparea[data-numcolumns="4"] div.zpRow .zpColumn.c12, .zpgrid[data-numcolumns="4"] .zpColumnItem.c12, .zparea[data-numcolumns="4"] .zpColumnItem.c12, .zpgrid[data-numcolumns="4"] .zp-form .c12, .zparea[data-numcolumns="4"] .zp-form .c12, .zpgrid[data-numcolumns="4"] .zpgrid .c12, .zparea[data-numcolumns="4"] .zpgrid .c12 { float: left; width: 100%; } .zpColumn.c5 .zp-form .c1, .zpColumn.c4 .zp-form .c1, .zpColumn.c3 .zp-form .c1, .zpColumn.c2 .zp-form .c1, .zpColumn.c1 .zp-form .c1, .zpColumn.c5 .zp-form .c2, .zpColumn.c4 .zp-form .c2, .zpColumn.c3 .zp-form .c2, .zpColumn.c2 .zp-form .c2, .zpColumn.c1 .zp-form .c2, .zpColumn.c5 .zp-form .c3, .zpColumn.c4 .zp-form .c3, .zpColumn.c3 .zp-form .c3, .zpColumn.c2 .zp-form .c3, .zpColumn.c1 .zp-form .c3, .zpColumn.c5 .zp-form .c4, .zpColumn.c4 .zp-form .c4, .zpColumn.c3 .zp-form .c4, .zpColumn.c2 .zp-form .c4, .zpColumn.c1 .zp-form .c4, .zpColumn.c5 .zp-form .c5, .zpColumn.c4 .zp-form .c5, .zpColumn.c3 .zp-form .c5, .zpColumn.c2 .zp-form .c5, .zpColumn.c1 .zp-form .c5, .zpColumn.c5 .zp-form .c6, .zpColumn.c4 .zp-form .c6, .zpColumn.c3 .zp-form .c6, .zpColumn.c2 .zp-form .c6, .zpColumn.c1 .zp-form .c6, .zpColumn.c5 .zp-form .c7, .zpColumn.c4 .zp-form .c7, .zpColumn.c3 .zp-form .c7, .zpColumn.c2 .zp-form .c7, .zpColumn.c1 .zp-form .c7, .zpColumn.c5 .zp-form .c8, .zpColumn.c4 .zp-form .c8, .zpColumn.c3 .zp-form .c8, .zpColumn.c2 .zp-form .c8, .zpColumn.c1 .zp-form .c8, .zpColumn.c5 .zp-form .c9, .zpColumn.c4 .zp-form .c9, .zpColumn.c3 .zp-form .c9, .zpColumn.c2 .zp-form .c9, .zpColumn.c1 .zp-form .c9, .zpColumn.c5 .zp-form .c10, .zpColumn.c4 .zp-form .c10, .zpColumn.c3 .zp-form .c10, .zpColumn.c2 .zp-form .c10, .zpColumn.c1 .zp-form .c10, .zpColumn.c5 .zp-form .c11, .zpColumn.c4 .zp-form .c11, .zpColumn.c3 .zp-form .c11, .zpColumn.c2 .zp-form .c11, .zpColumn.c1 .zp-form .c11, .zpColumn.c5 .zp-form .c12, .zpColumn.c4 .zp-form .c12, .zpColumn.c3 .zp-form .c12, .zpColumn.c2 .zp-form .c12, .zpColumn.c1 .zp-form .c12 { width: 100%; } .zpColumn.c5 .zp-form.zp-editable .resizablefield input, .zpColumn.c4 .zp-form.zp-editable .resizablefield input, .zpColumn.c3 .zp-form.zp-editable .resizablefield input, .zpColumn.c2 .zp-form.zp-editable .resizablefield input, .zpColumn.c1 .zp-form.zp-editable .resizablefield input, .zpColumn.c5 .zp-form.zp-editable .resizablefield textarea, .zpColumn.c4 .zp-form.zp-editable .resizablefield textarea, .zpColumn.c3 .zp-form.zp-editable .resizablefield textarea, .zpColumn.c2 .zp-form.zp-editable .resizablefield textarea, .zpColumn.c1 .zp-form.zp-editable .resizablefield textarea { max-width: none !important; } /* *** always scale columns in a .noresize Row (i.e. news columns) *** */ div.zpRow.noresize .zpColumn.c1, div.zpRow.noresize .zpColumn.c2, div.zpRow.noresize .zpColumn.c3, div.zpRow.noresize .zpColumn.c4, div.zpRow.noresize .zpColumn.c5, div.zpRow.noresize .zpColumn.c6, div.zpRow.noresize .zpColumn.c7, div.zpRow.noresize .zpColumn.c8, div.zpRow.noresize .zpColumn.c9, div.zpRow.noresize .zpColumn.c10, div.zpRow.noresize .zpColumn.c11, div.zpRow.noresize .zpColumn.c12 { width: 100%; } div.zpRow.noresize .zpSpacer { clear: both; } /* *** 2-Column Breakpoint (ipad portrait) *** */ @media (max-width: 768px) { .responsivelayout div.zpRow .zpColumn.c1, .responsivelayout .zpColumnItem.c1, .responsivelayout .zpgrid .c1:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c2, .responsivelayout .zpColumnItem.c2, .responsivelayout .zpgrid .c2:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c3, .responsivelayout .zpColumnItem.c3, .responsivelayout .zpgrid .c3:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c4, .responsivelayout .zpColumnItem.c4, .responsivelayout .zpgrid .c4:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c5, .responsivelayout .zpColumnItem.c5, .responsivelayout .zpgrid .c5:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c6, .responsivelayout .zpColumnItem.c6, .responsivelayout .zpgrid .c6:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c7, .responsivelayout .zpColumnItem.c7, .responsivelayout .zpgrid .c7:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c8, .responsivelayout .zpColumnItem.c8, .responsivelayout .zpgrid .c8:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c9, .responsivelayout .zpColumnItem.c9, .responsivelayout .zpgrid .c9:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c10, .responsivelayout .zpColumnItem.c10, .responsivelayout .zpgrid .c10:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c11, .responsivelayout .zpColumnItem.c11, .responsivelayout .zpgrid .c11:not(.resizablefield) { width: 50% !important; } .responsivelayout .zpColumn.zpSpacer:first-child + .zpColumn.odd:last-child { width: 80% !important; margin-left: 10%; } .responsivelayout .zpColumn.odd { clear: left; } .responsivelayout .zpColumn:not(.styled):nth-last-child(1n+3) { margin-bottom: 1em; } .responsivelayout div.zpRow .zpColumn.c12, .responsivelayout .zpColumnItem.c12, .responsivelayout .zp-form .c12, .responsivelayout .zpgrid .c12 { width: 100% !important; } .responsivelayout .zp-form.zp-editable .resizablefield input, .responsivelayout .zp-form.zp-editable .resizablefield textarea { max-width: none !important; } .responsivelayout .zpSpacer.hor, .responsivelayout div.zpRow .zpColumn.zpSpacer:not(:only-child) { display: none; } } /* *** 1-Column Breakpoint (iphone 6 landscape) *** */ @media (max-width: 479px) { /* *** 1-Column Breakpoint (iphone 6 landscape) *** */ .responsivelayout div.zpRow .zpColumn.c1, .responsivelayout .zpColumnItem.c1, .responsivelayout .zp-form .c1, .responsivelayout .zpgrid .c1:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c2, .responsivelayout .zpColumnItem.c2, .responsivelayout .zp-form .c2, .responsivelayout .zpgrid .c2:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c3, .responsivelayout .zpColumnItem.c3, .responsivelayout .zp-form .c3, .responsivelayout .zpgrid .c3:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c4, .responsivelayout .zpColumnItem.c4, .responsivelayout .zp-form .c4, .responsivelayout .zpgrid .c4:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c5, .responsivelayout .zpColumnItem.c5, .responsivelayout .zp-form .c5, .responsivelayout .zpgrid .c5:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c6, .responsivelayout .zpColumnItem.c6, .responsivelayout .zp-form .c6, .responsivelayout .zpgrid .c6:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c7, .responsivelayout .zpColumnItem.c7, .responsivelayout .zp-form .c7, .responsivelayout .zpgrid .c7:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c8, .responsivelayout .zpColumnItem.c8, .responsivelayout .zp-form .c8, .responsivelayout .zpgrid .c8:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c9, .responsivelayout .zpColumnItem.c9, .responsivelayout .zp-form .c9, .responsivelayout .zpgrid .c9:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c10, .responsivelayout .zpColumnItem.c10, .responsivelayout .zp-form .c10, .responsivelayout .zpgrid .c10:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c11, .responsivelayout .zpColumnItem.c11, .responsivelayout .zp-form .c11, .responsivelayout .zpgrid .c11:not(.resizablefield), .responsivelayout div.zpRow .zpColumn.c12, .responsivelayout .zpColumnItem.c12, .responsivelayout .zp-form .c12, .responsivelayout .zpgrid .c12:not(.resizablefield) { width: 100% !important; } .responsivelayout .zp-form.zp-editable .resizablefield input, .responsivelayout .zp-form.zp-editable .resizablefield textarea { max-width: none !important; } .responsivelayout .zpSpacer { clear: both; } .responsivelayout div.zpRow .zpColumn:not(.styled) { margin-bottom: 1em; } } @media (max-width: 320px) { .responsivelayout .zp-form .c1, .responsivelayout .zp-form .c2, .responsivelayout .zp-form .c3, .responsivelayout .zp-form .c4, .responsivelayout .zp-form .c5, .responsivelayout .zp-form .c6, .responsivelayout .zp-form .c7, .responsivelayout .zp-form .c8, .responsivelayout .zp-form .c9, .responsivelayout .zp-form .c10, .responsivelayout .zp-form .c11, .responsivelayout .zp-form .c12 { width: 100% !important; } .responsivelayout .zp-form.zp-editable .resizablefield input, .responsivelayout .zp-form.zp-editable .resizablefield textarea { max-width: none !important; } .responsivelayout .zpSpacer { clear: both; } } /* Breakout Styles for layouts which don't support them edge to edge */ .zpBreakout > iframe { display: block; } body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) { padding-top: 2em; padding-bottom: 2em; } body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) + .zpContainer:not(.zpBreakout) { margin-top: 2em; } body:not(.withnews) .zpBreakout:not(.hasNews) .zpRow { width: 100%; margin: 0 auto; float: none; } /* Breakout Styles for responsive layouts which support them edge to edge */ .responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) { /* we don't use overflow hidden on body to avoid horizontal scrollbar because dropdown menues (e.g. on the far right) might need an overflow */ width: calc(100vw - 9px); /* -9px compensates possible scrollbar Safari: -8, Chrome: -9 */ margin-left: calc(-50vw + 50%); box-sizing: border-box; padding: 2em 0 2em 9px; /* padding-left is equal to amount to compensate scrollbar */ } .responsivelayout.supportsbreakout body.touch:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) { width: 100vw; /* Do not compensate on transparent Scrollbars on touch devices like e.g. the ipad. */ } .responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) + .zpContainer:not(.zpBreakout) { margin-top: 2em; } .responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) > .zpRow { max-width: 1085px; } .responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) + .zpRow { margin-top: 2em; } .responsivelayout.supportsbreakout body:not(.withnews) .span8 .zpContainer.zpBreakout:not(.hasNews) { margin-left: calc(-50vw + 77%); } .supportsbreakout body:not(.withnews) .zpColumn.c12 .zpBreakout:not(.hasNews) { /* we don't use overflow hidden on body to avoid horizontal scrollbar because dropdown menues (e.g. on the far right) might need an overflow */ width: calc(100vw - 9px); /* -9px compensates possible scrollbar Safari: -8, Chrome: -9 */ margin-left: calc(-50vw + 50%); /* Todo: this might break if less compression is used! */ box-sizing: border-box; padding: 0; overflow: hidden !important; } .zpVerticalCenter, div.zpRow.zpVerticalCenter, div.zpRow .zpVerticalCenter, div.zpRow .zpColumn.zpVerticalCenter, div svn .zpColumn .zpVerticalCenter { position: absolute; top: 50%; bottom: auto; left: 0; right: 0; margin: 0; padding: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .zpwSpacer { visibility: hidden; box-sizing: border-box; height: 30px; margin: 0 !important; } /* .zpgrid, .zpgrid #grid { max-width: @contentcopy-max-image-width + 30px; } */ .zpgrid.copiedlayout { margin-left: -15px; margin-right: -15px; } /*** ZP 14 Additions *** */ .zparea img:not(.zplogo):not(.limitsvg)[src$=".svg"] { width: auto; max-width: 100%; } /*** Container Scroll Animation ***/ @media screen { .js body:not(.zpreducemotion) .zpanimatewrap { overflow: hidden !important; } .js body:not(.zpreducemotion) .zpanimate.slideleft { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); /* used 100vw here, but the IE animated left to right instead of right to left */ opacity: 0; } .js body:not(.zpreducemotion) .zpanimate.slideleft.show { -webkit-transition: opacity 1000ms ease-out 500ms, transform 500ms ease-out 200ms; transition: opacity 1000ms ease-out 500ms, transform 500ms ease-out 200ms; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .js body:not(.zpreducemotion) .zpanimate.slideright { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); /* used 100vw here, but the IE animated left to right instead of right to left */ opacity: 0; } .js body:not(.zpreducemotion) .zpanimate.slideright.show { -webkit-transition: opacity 1000ms ease-out 500ms, transform 500ms ease-out 200ms; transition: opacity 1000ms ease-out 500ms, transform 500ms ease-out 200ms; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .js body:not(.zpreducemotion) .zpanimate.fadein { opacity: 0; } .js body:not(.zpreducemotion) .zpanimate.fadein.show { -webkit-transition: opacity 1000ms ease-in; transition: opacity 1000ms ease-in; opacity: 1; } .js body:not(.zpreducemotion) .zpanimate.floatin { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .js body:not(.zpreducemotion) .zpanimate.floatin.show { -webkit-transition: opacity 2500ms ease-out 500ms, transform 1500ms ease-out 200ms; transition: opacity 2500ms ease-out 500ms, transform 1500ms ease-out 200ms; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .js body:not(.zpreducemotion) .zpanimate.zoomout { opacity: 0; } .js body:not(.zpreducemotion) .zpanimate.zoomout.show { opacity: 1; } .js body:not(.zpreducemotion) .zpanimate.zoomout.show:not(.played) { animation-name: zoomout; animation-duration: 500ms; } .js body:not(.zpreducemotion) .zpeffect.zphoverscale { -webkit-transition: transform 500ms ease; transition: transform 500ms ease; } .js body:not(.zpreducemotion) .zpeffect.zphoverscale.zplazyloaded { -webkit-transition: transform 500ms ease, opacity 600ms; transition: transform 500ms ease, opacity 600ms; } .js body:not(.zpreducemotion) .zpeffect.zphoverscale:hover, .js body:not(.zpreducemotion) .zpeffect.zphoverscale.hover, .js body:not(.zpreducemotion) a:hover .zpeffect.zphoverscale { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } @keyframes zoomout { 0% { opacity: 0; -webkit-transform: scale(5, 5);-ms-transform: scale(5, 5);transform: scale(5, 5); } 100% { opacity: 1; -webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1); } } } @media print { .zpanimate.show { opacity: 1; } } /*** Class to make tables more responsive - for general use i.e. in Online-CMS ***/ table.zpresponsive { width: 100%; max-width: 100%; border-collapse: collapse; } @media screen and (max-width: 640px) { table.zpresponsive { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #ui-datepicker-div { padding: 0; z-index: 200 !important; background-color: #ffffff !important; font-family: inherit !important; color: #333333 !important; box-shadow: 0 0 16px rgba(0, 0, 0, 0.5); border-radius: 5px; overflow: hidden; border: 0; } #ui-datepicker-div .ui-datepicker-header { border-radius: 0; border: 0; } #ui-datepicker-div .ui-datepicker-calendar th { opacity: 0.8; padding-bottom: 1px; text-align: center; } #ui-datepicker-div .ui-datepicker-calendar td, #ui-datepicker-div .ui-datepicker-calendar td a, #ui-datepicker-div .ui-datepicker-calendar td span { text-align: center; } #ui-datepicker-div .ui-datepicker-calendar a.ui-state-default { background: transparent; border: 0; color: #333333; } #ui-datepicker-div .ui-datepicker-calendar a.ui-state-highlight { color: #ffffff; background-color: red; border-radius: 50px; font-weight: bolder; } #ui-datepicker-div input, #ui-datepicker-div select, #ui-datepicker-div textarea, #ui-datepicker-div button { font-family: inherit; } #ui-datepicker-div .ui-state-default { background: #e6e6e6; } .zp-form.zp14 .recaptchatable, .zp-shopform .recaptchatable, .zpsajaxmodal .recaptchatable, .eventCalendar.table .filter .recaptchatable { background-color: #ffffff; } .zp-form.zp14 .resizablefield.fieldinnewline, .zp-shopform .resizablefield.fieldinnewline, .zpsajaxmodal .resizablefield.fieldinnewline, .eventCalendar.table .filter .resizablefield.fieldinnewline { clear: both; } .zp-form.zp14 label#recaptchalabel, .zp-shopform label#recaptchalabel, .zpsajaxmodal label#recaptchalabel, .eventCalendar.table .filter label#recaptchalabel, .zp-form.zp14 label#recaptchalabel.multiline.field, .zp-shopform label#recaptchalabel.multiline.field, .zpsajaxmodal label#recaptchalabel.multiline.field, .eventCalendar.table .filter label#recaptchalabel.multiline.field, .zp-form.zp14 #recaptcha_widget_div, .zp-shopform #recaptcha_widget_div, .zpsajaxmodal #recaptcha_widget_div, .eventCalendar.table .filter #recaptcha_widget_div, .zp-form.zp14 div.g-recaptcha, .zp-shopform div.g-recaptcha, .zpsajaxmodal div.g-recaptcha, .eventCalendar.table .filter div.g-recaptcha { padding-left: 15px; padding-right: 15px; } .zp-form.zp14 input.typetext, .zp-shopform input.typetext, .zpsajaxmodal input.typetext, .eventCalendar.table .filter input.typetext { vertical-align: middle; box-sizing: border-box; height: 2.5rem; line-height: 2.5rem; padding: 0 15px; color: #333333; background: #ffffff; border: 1px solid #9A9A9A; border: 1px solid rgba(0, 0, 0, 0.4); } .zp-form.zp14 input, .zp-shopform input, .zpsajaxmodal input, .eventCalendar.table .filter input, .zp-form.zp14 textarea, .zp-shopform textarea, .zpsajaxmodal textarea, .eventCalendar.table .filter textarea, .zp-form.zp14 select, .zp-shopform select, .zpsajaxmodal select, .eventCalendar.table .filter select { font-family: inherit; font-size: inherit; } .zp-form.zp14 input.typetext, .zp-shopform input.typetext, .zpsajaxmodal input.typetext, .eventCalendar.table .filter input.typetext, .zp-form.zp14 textarea, .zp-shopform textarea, .zpsajaxmodal textarea, .eventCalendar.table .filter textarea, .zp-form.zp14 select, .zp-shopform select, .zpsajaxmodal select, .eventCalendar.table .filter select { color: #333333; background: #ffffff; border: 1px solid #9A9A9A; border: 1px solid rgba(0, 0, 0, 0.4); } .zp-form.zp14 select, .zp-shopform select, .zpsajaxmodal select, .eventCalendar.table .filter select { max-width: 100%; font-family: inherit; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; min-height: 2.5rem; padding: 0 15px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='12px' height='7px' viewBox='0 0 12 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cpolygon class='chevron' stroke='none' fill='%23333333' fill-rule='evenodd' points='6.05023193 6.71226044 6.02769279 6.73479958 5.6741394 6.38124619 1.14644661 1.85355339 0.792893219 1.5 1.5 0.792893219 1.85355339 1.14644661 6.02825928 5.3211525 10.2249378 1.12447395 10.5784912 0.770920563 11.285598 1.47802734 10.9320446 1.83158073 6.40435181 6.35927353 6.05079842 6.71282692'%3E%3C/polygon%3E %3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; } .zp-form.zp14 select.zpmultilineselect, .zp-shopform select.zpmultilineselect, .zpsajaxmodal select.zpmultilineselect, .eventCalendar.table .filter select.zpmultilineselect { background-image: none; } .zp-form.zp14 select::-ms-expand, .zp-shopform select::-ms-expand, .zpsajaxmodal select::-ms-expand, .eventCalendar.table .filter select::-ms-expand { display: none; } .zp-form.zp14 input.typetext.error, .zp-shopform input.typetext.error, .zpsajaxmodal input.typetext.error, .eventCalendar.table .filter input.typetext.error, .zp-form.zp14 textarea.typetext.error, .zp-shopform textarea.typetext.error, .zpsajaxmodal textarea.typetext.error, .eventCalendar.table .filter textarea.typetext.error, .zp-form.zp14 select.error, .zp-shopform select.error, .zpsajaxmodal select.error, .eventCalendar.table .filter select.error { border: 1px solid red; } .zp-form.zp14 .error-text, .zp-shopform .error-text, .zpsajaxmodal .error-text, .eventCalendar.table .filter .error-text { clear: both; display: block; margin-bottom: 1em; color: red; } .zp-form.zp14.autohidelabels .resizablefield, .zp-shopform.autohidelabels .resizablefield, .zpsajaxmodal.autohidelabels .resizablefield, .eventCalendar.table .filter.autohidelabels .resizablefield { position: relative; } .zp-form.zp14.autohidelabels .resizablefield.nofloat, .zp-shopform.autohidelabels .resizablefield.nofloat, .zpsajaxmodal.autohidelabels .resizablefield.nofloat, .eventCalendar.table .filter.autohidelabels .resizablefield.nofloat { float: none; } .zp-form.zp14.autohidelabels .resizablefield input + .error-text, .zp-shopform.autohidelabels .resizablefield input + .error-text, .zpsajaxmodal.autohidelabels .resizablefield input + .error-text, .eventCalendar.table .filter.autohidelabels .resizablefield input + .error-text, .zp-form.zp14.autohidelabels .resizablefield textarea + .error-text, .zp-shopform.autohidelabels .resizablefield textarea + .error-text, .zpsajaxmodal.autohidelabels .resizablefield textarea + .error-text, .eventCalendar.table .filter.autohidelabels .resizablefield textarea + .error-text, .zp-form.zp14.autohidelabels .resizablefield select + .error-text, .zp-shopform.autohidelabels .resizablefield select + .error-text, .zpsajaxmodal.autohidelabels .resizablefield select + .error-text, .eventCalendar.table .filter.autohidelabels .resizablefield select + .error-text { margin-top: -0.8em; } .zp-form.zp14.autohidelabels .resizablefield.zpradio, .zp-shopform.autohidelabels .resizablefield.zpradio, .zpsajaxmodal.autohidelabels .resizablefield.zpradio, .eventCalendar.table .filter.autohidelabels .resizablefield.zpradio, .zp-form.zp14.autohidelabels .resizablefield.zpcheckbox, .zp-shopform.autohidelabels .resizablefield.zpcheckbox, .zpsajaxmodal.autohidelabels .resizablefield.zpcheckbox, .eventCalendar.table .filter.autohidelabels .resizablefield.zpcheckbox, .zp-form.zp14.autohidelabels .resizablefield.zpfile, .zp-shopform.autohidelabels .resizablefield.zpfile, .zpsajaxmodal.autohidelabels .resizablefield.zpfile, .eventCalendar.table .filter.autohidelabels .resizablefield.zpfile { margin-bottom: 1em; } .zp-form.zp14.autohidelabels .resizablefield.zpradio label.field.default, .zp-shopform.autohidelabels .resizablefield.zpradio label.field.default, .zpsajaxmodal.autohidelabels .resizablefield.zpradio label.field.default, .eventCalendar.table .filter.autohidelabels .resizablefield.zpradio label.field.default, .zp-form.zp14.autohidelabels .resizablefield.zpcheckbox label.field.default, .zp-shopform.autohidelabels .resizablefield.zpcheckbox label.field.default, .zpsajaxmodal.autohidelabels .resizablefield.zpcheckbox label.field.default, .eventCalendar.table .filter.autohidelabels .resizablefield.zpcheckbox label.field.default, .zp-form.zp14.autohidelabels .resizablefield.zpfile label.field.default, .zp-shopform.autohidelabels .resizablefield.zpfile label.field.default, .zpsajaxmodal.autohidelabels .resizablefield.zpfile label.field.default, .eventCalendar.table .filter.autohidelabels .resizablefield.zpfile label.field.default { margin-top: 0; } .zp-form.zp14.autohidelabels .resizablefield label:not(.default), .zp-shopform.autohidelabels .resizablefield label:not(.default), .zpsajaxmodal.autohidelabels .resizablefield label:not(.default), .eventCalendar.table .filter.autohidelabels .resizablefield label:not(.default) { position: absolute; top: 10px; left: 30px; font-size: 0.8em; color: #333333; opacity: 0.7; margin: 0; padding: 0; line-height: 1; height: 1.2em; overflow: hidden; z-index: 2; } .zp-form.zp14.autohidelabels .resizablefield input.typetext, .zp-shopform.autohidelabels .resizablefield input.typetext, .zpsajaxmodal.autohidelabels .resizablefield input.typetext, .eventCalendar.table .filter.autohidelabels .resizablefield input.typetext, .zp-form.zp14.autohidelabels .resizablefield select, .zp-shopform.autohidelabels .resizablefield select, .zpsajaxmodal.autohidelabels .resizablefield select, .eventCalendar.table .filter.autohidelabels .resizablefield select, .zp-form.zp14.autohidelabels .resizablefield textarea, .zp-shopform.autohidelabels .resizablefield textarea, .zpsajaxmodal.autohidelabels .resizablefield textarea, .eventCalendar.table .filter.autohidelabels .resizablefield textarea { padding: 20px 15px 0 15px; min-height: 3.6em; height: auto; line-height: 2.1; margin-bottom: 1em; box-sizing: border-box; } .zp-form.zp14.autohidelabels .resizablefield select.zpmultilineselect, .zp-shopform.autohidelabels .resizablefield select.zpmultilineselect, .zpsajaxmodal.autohidelabels .resizablefield select.zpmultilineselect, .eventCalendar.table .filter.autohidelabels .resizablefield select.zpmultilineselect { padding: 30px 15px 10px 15px; } .zp-form.zp14.autohidelabels .resizablefield label.zpmultilineselect, .zp-shopform.autohidelabels .resizablefield label.zpmultilineselect, .zpsajaxmodal.autohidelabels .resizablefield label.zpmultilineselect, .eventCalendar.table .filter.autohidelabels .resizablefield label.zpmultilineselect { background: #ffffff; top: 3px; padding-top: 10px; height: calc(10px + 1.2em); } .zp-form.zp14.autohidelabels .resizablefield select.nolabel, .zp-shopform.autohidelabels .resizablefield select.nolabel, .zpsajaxmodal.autohidelabels .resizablefield select.nolabel, .eventCalendar.table .filter.autohidelabels .resizablefield select.nolabel { min-height: 0; padding: 5px 15px 5px 15px; } .zp-form.zp14.autohidelabels .resizablefield textarea, .zp-shopform.autohidelabels .resizablefield textarea, .zpsajaxmodal.autohidelabels .resizablefield textarea, .eventCalendar.table .filter.autohidelabels .resizablefield textarea { padding: 27px 15px 0 15px; line-height: 1.4; } .zp-form.zp14.autohidelabels .resizablefield label.block, .zp-shopform.autohidelabels .resizablefield label.block, .zpsajaxmodal.autohidelabels .resizablefield label.block, .eventCalendar.table .filter.autohidelabels .resizablefield label.block { display: block; margin: 0; } .zp-form.zp14.autohidelabels .resizablefield label.block:not(:only-of-type):last-of-type, .zp-shopform.autohidelabels .resizablefield label.block:not(:only-of-type):last-of-type, .zpsajaxmodal.autohidelabels .resizablefield label.block:not(:only-of-type):last-of-type, .eventCalendar.table .filter.autohidelabels .resizablefield label.block:not(:only-of-type):last-of-type { margin: 0 0 1em 0; } .zp-form.zp14.autohidelabels .resizablefield.nolabel label, .zp-shopform.autohidelabels .resizablefield.nolabel label, .zpsajaxmodal.autohidelabels .resizablefield.nolabel label, .eventCalendar.table .filter.autohidelabels .resizablefield.nolabel label { opacity: 0; } .zp-form.zp14.autohidelabels .resizablefield.nolabel input.typetext, .zp-shopform.autohidelabels .resizablefield.nolabel input.typetext, .zpsajaxmodal.autohidelabels .resizablefield.nolabel input.typetext, .eventCalendar.table .filter.autohidelabels .resizablefield.nolabel input.typetext { padding: 10px 15px 10px 15px; } .zp-form.zp14.autohidelabels .resizablefield.nolabel textarea, .zp-shopform.autohidelabels .resizablefield.nolabel textarea, .zpsajaxmodal.autohidelabels .resizablefield.nolabel textarea, .eventCalendar.table .filter.autohidelabels .resizablefield.nolabel textarea { padding: 17px 15px 10px 15px; } .zp-form.zp14.autohidelabels .resizablefield input.typetext::-webkit-input-placeholder, .zp-shopform.autohidelabels .resizablefield input.typetext::-webkit-input-placeholder, .zpsajaxmodal.autohidelabels .resizablefield input.typetext::-webkit-input-placeholder, .eventCalendar.table .filter.autohidelabels .resizablefield input.typetext::-webkit-input-placeholder { color: #333333; opacity: 0.7; } .zp-form.zp14.autohidelabels .resizablefield input.typetext:-moz-placeholder, .zp-shopform.autohidelabels .resizablefield input.typetext:-moz-placeholder, .zpsajaxmodal.autohidelabels .resizablefield input.typetext:-moz-placeholder, .eventCalendar.table .filter.autohidelabels .resizablefield input.typetext:-moz-placeholder { color: #333333; opacity: 0.7; } .zp-form.zp14.autohidelabels .resizablefield input.typetext::-moz-placeholder, .zp-shopform.autohidelabels .resizablefield input.typetext::-moz-placeholder, .zpsajaxmodal.autohidelabels .resizablefield input.typetext::-moz-placeholder, .eventCalendar.table .filter.autohidelabels .resizablefield input.typetext::-moz-placeholder { color: #333333; opacity: 0.7; } .zp-form.zp14.autohidelabels .resizablefield input.typetext:-ms-input-placeholder, .zp-shopform.autohidelabels .resizablefield input.typetext:-ms-input-placeholder, .zpsajaxmodal.autohidelabels .resizablefield input.typetext:-ms-input-placeholder, .eventCalendar.table .filter.autohidelabels .resizablefield input.typetext:-ms-input-placeholder { color: rgba(51, 51, 51, 0.7); /* opacity: 0.7; IE would apply the opacity to the field, not just the placeholder-text */ } .zp-form.zp14.autohidelabels .resizablefield input.typetext::placeholder, .zp-shopform.autohidelabels .resizablefield input.typetext::placeholder, .zpsajaxmodal.autohidelabels .resizablefield input.typetext::placeholder, .eventCalendar.table .filter.autohidelabels .resizablefield input.typetext::placeholder { color: #333333; opacity: 0.7; } .zp-form.zp14.autohidelabels .resizablefield textarea::-webkit-input-placeholder, .zp-shopform.autohidelabels .resizablefield textarea::-webkit-input-placeholder, .zpsajaxmodal.autohidelabels .resizablefield textarea::-webkit-input-placeholder, .eventCalendar.table .filter.autohidelabels .resizablefield textarea::-webkit-input-placeholder { color: #333333; opacity: 0.7; } .zp-form.zp14.autohidelabels .resizablefield textarea:-moz-placeholder, .zp-shopform.autohidelabels .resizablefield textarea:-moz-placeholder, .zpsajaxmodal.autohidelabels .resizablefield textarea:-moz-placeholder, .eventCalendar.table .filter.autohidelabels .resizablefield textarea:-moz-placeholder { color: #333333; opacity: 0.7; } .zp-form.zp14.autohidelabels .resizablefield textarea::-moz-placeholder, .zp-shopform.autohidelabels .resizablefield textarea::-moz-placeholder, .zpsajaxmodal.autohidelabels .resizablefield textarea::-moz-placeholder, .eventCalendar.table .filter.autohidelabels .resizablefield textarea::-moz-placeholder { color: #333333; opacity: 0.7; } .zp-form.zp14.autohidelabels .resizablefield textarea:-ms-input-placeholder, .zp-shopform.autohidelabels .resizablefield textarea:-ms-input-placeholder, .zpsajaxmodal.autohidelabels .resizablefield textarea:-ms-input-placeholder, .eventCalendar.table .filter.autohidelabels .resizablefield textarea:-ms-input-placeholder { color: rgba(51, 51, 51, 0.7); /* opacity: 0.7; IE would apply the opacity to the field, not just the placeholder-text */ } .zp-form.zp14.autohidelabels .resizablefield textarea::placeholder, .zp-shopform.autohidelabels .resizablefield textarea::placeholder, .zpsajaxmodal.autohidelabels .resizablefield textarea::placeholder, .eventCalendar.table .filter.autohidelabels .resizablefield textarea::placeholder { color: #333333; opacity: 0.7; } .zp-form.zp14.autohidelabels:not(.placeholder) input.typetext::-webkit-input-placeholder, .zp-shopform.autohidelabels:not(.placeholder) input.typetext::-webkit-input-placeholder, .zpsajaxmodal.autohidelabels:not(.placeholder) input.typetext::-webkit-input-placeholder, .eventCalendar.table .filter.autohidelabels:not(.placeholder) input.typetext::-webkit-input-placeholder { opacity: 0; } .zp-form.zp14.autohidelabels:not(.placeholder) input.typetext:-moz-placeholder, .zp-shopform.autohidelabels:not(.placeholder) input.typetext:-moz-placeholder, .zpsajaxmodal.autohidelabels:not(.placeholder) input.typetext:-moz-placeholder, .eventCalendar.table .filter.autohidelabels:not(.placeholder) input.typetext:-moz-placeholder { opacity: 0; } .zp-form.zp14.autohidelabels:not(.placeholder) input.typetext::-moz-placeholder, .zp-shopform.autohidelabels:not(.placeholder) input.typetext::-moz-placeholder, .zpsajaxmodal.autohidelabels:not(.placeholder) input.typetext::-moz-placeholder, .eventCalendar.table .filter.autohidelabels:not(.placeholder) input.typetext::-moz-placeholder { opacity: 0; } .zp-form.zp14.autohidelabels:not(.placeholder) input.typetext:-ms-input-placeholder, .zp-shopform.autohidelabels:not(.placeholder) input.typetext:-ms-input-placeholder, .zpsajaxmodal.autohidelabels:not(.placeholder) input.typetext:-ms-input-placeholder, .eventCalendar.table .filter.autohidelabels:not(.placeholder) input.typetext:-ms-input-placeholder { color: rgba(51, 51, 51, 0); /* opacity: 0; IE would apply the opacity to the field, not just the placeholder-text */ } .zp-form.zp14.autohidelabels:not(.placeholder) input.typetext::placeholder, .zp-shopform.autohidelabels:not(.placeholder) input.typetext::placeholder, .zpsajaxmodal.autohidelabels:not(.placeholder) input.typetext::placeholder, .eventCalendar.table .filter.autohidelabels:not(.placeholder) input.typetext::placeholder { opacity: 0; } .zp-form.zp14.autohidelabels:not(.placeholder) textarea::-webkit-input-placeholder, .zp-shopform.autohidelabels:not(.placeholder) textarea::-webkit-input-placeholder, .zpsajaxmodal.autohidelabels:not(.placeholder) textarea::-webkit-input-placeholder, .eventCalendar.table .filter.autohidelabels:not(.placeholder) textarea::-webkit-input-placeholder { opacity: 0; } .zp-form.zp14.autohidelabels:not(.placeholder) textarea:-moz-placeholder, .zp-shopform.autohidelabels:not(.placeholder) textarea:-moz-placeholder, .zpsajaxmodal.autohidelabels:not(.placeholder) textarea:-moz-placeholder, .eventCalendar.table .filter.autohidelabels:not(.placeholder) textarea:-moz-placeholder { opacity: 0; } .zp-form.zp14.autohidelabels:not(.placeholder) textarea::-moz-placeholder, .zp-shopform.autohidelabels:not(.placeholder) textarea::-moz-placeholder, .zpsajaxmodal.autohidelabels:not(.placeholder) textarea::-moz-placeholder, .eventCalendar.table .filter.autohidelabels:not(.placeholder) textarea::-moz-placeholder { opacity: 0; } .zp-form.zp14.autohidelabels:not(.placeholder) textarea:-ms-input-placeholder, .zp-shopform.autohidelabels:not(.placeholder) textarea:-ms-input-placeholder, .zpsajaxmodal.autohidelabels:not(.placeholder) textarea:-ms-input-placeholder, .eventCalendar.table .filter.autohidelabels:not(.placeholder) textarea:-ms-input-placeholder { color: rgba(51, 51, 51, 0); /* opacity: 0; IE would apply the opacity to the field, not just the placeholder-text */ } .zp-form.zp14.autohidelabels:not(.placeholder) textarea::placeholder, .zp-shopform.autohidelabels:not(.placeholder) textarea::placeholder, .zpsajaxmodal.autohidelabels:not(.placeholder) textarea::placeholder, .eventCalendar.table .filter.autohidelabels:not(.placeholder) textarea::placeholder { opacity: 0; } /* Global helper classes */ .zpclearfix:after { content: ""; display: table; clear: both; } .cscroll::-webkit-scrollbar { height: 10px !important; width: 10px !important; background: #C0C0C0; } .cscroll::-webkit-scrollbar-thumb { background: #888888; } .printonly { display: none !important; } /* Global Print Styles */ @media print { @page { margin: 1cm 2cm; } body { margin: 1cm 2cm; max-width: 21cm !important; padding: 0; font-size: 12pt; line-height: 1.4; color: black; background-color: #ffffff; background-image: none; } .printonly { display: initial !important; } .printonly.chromeprintwarning { display: inline-block !important; } .screenonly { display: none !important; } img.zplazyloading { display: none !important; } .zpContainer, .zpBreakout, .zpContainer.zpBreakout { width: auto !important; max-width: 100% !important; padding-left: 0 !important; margin-left: 0 !important; } div.zpRow { margin-bottom: 0 !important; } html, body { height: auto; /* solves a problem with printing to pdf when height is 100% */ } body { background: #ffffff; color: black; } body:before, body:after { content: none !important; } .zp13slider-control-nav zp13slider-control-paging, .zp13slider-direction-nav, .flex-control-nav, .flex-direction-nav { display: none !important; } } #content .zpContainer.styled .zpRow:last-child, .zpContainer.styled .zpRow:last-child { margin-bottom: 0; } a.xmenulink { display: inline-block; vertical-align: top; } i.zpextralang { color: inherit; font-style: inherit; line-height: inherit; display: inline-block; vertical-align: top; position: relative; margin: 0; padding: 0; padding-right: 0 !important; } i.zpextralang:after { pointer-events: none; content: ''; display: inline-block; box-sizing: border-box; position: absolute; top: calc(50% - 0.35355em); right: 1px; height: 0.5em; width: 0.5em; border-style: solid; border-top-color: transparent; border-left-color: transparent; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } select#zpextralang { width: auto; height: auto !important; position: relative; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; text-decoration: inherit; text-shadow: inherit; line-height: inherit; color: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; padding: 0; padding-right: calc(0.7071em + 5px); background: transparent; background-color: transparent; border: 0; border-radius: 0; } select#zpextralang option { color: initial; } select#zpextralang::-ms-expand { display: none; } video { object-fit: cover; } @media screen and (max-width: 1024px) { .touch .zpContainer.styled { background-attachment: scroll !important; } } .zp-sronly { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .zplazyloading { position: relative; opacity: 0.1; } .zplazyloaded { -webkit-transition: opacity 600ms; transition: opacity 600ms; opacity: 1; } /* END source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\layouts\_shared\assets\zpgrid.less“. */ /* START source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\buttonv12\assets\button.css“. */ a.button, input.button { display: inline-block; padding: 0; line-height: normal; border: 1px solid; } a.button span, input.button { display: block; padding: 8px 15px; } /* END source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\buttonv12\assets\button.css“. */ /* START source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\zptabledata\zptabledata.css“. */ table.zptabledata { width: 100%; border-collapse: collapse; } table.zptabledata th, table.zptabledata td, table.zpfixed-column th, table.zpfixed-column td{ padding: 5px 10px; text-align: left; vertical-align: top; } table.zptabledata.sortable th{ position: relative; cursor: pointer; padding-right: 30px; } table.zptabledata.sortable th:after{ /*content: "⇵";*/ content: ""; position: absolute; top: 5px; right: 15px; width: 10px; font-weight: normal; } table.zptabledata.sortable th.sorted.asc:after{ content: "↓"; } table.zptabledata.sortable th.sorted.desc:after{ content: "↑"; } table.zptabledata h1:first-child, table.zptabledata h2:first-child, table.zptabledata h3:first-child, table.zptabledata p:first-child, table.zpfixed-column h1:first-child, table.zpfixed-column h2:first-child, table.zpfixed-column h3:first-child, table.zpfixed-column p:first-child { margin-top: 0; } /* zp autowraps content in

but margins caused by

might not be desired */ table.zptabledata p:last-child, table.zptabledata p:last-of-type, table.zpfixed-column p:last-child, table.zpfixed-column p:last-of-type{ margin-bottom: 0 !important; } @media screen and (max-width: 640px) { table.zptabledata { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } table.zptabledata th, table.zptabledata td { white-space: nowrap; } } /* END source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\zptabledata\zptabledata.css“. */ /* START source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\formular\form.css“. */ /*! $Id: form.css 49494 2017-06-14 07:24:36Z sseiz $ original file from: Widgets/formular */ /***** FORM ANTI SPAM *****/ .asfield { display: none; } /***** FORM GLOBAL DEFAULTS *****/ .zp-form input { max-width: 100%; } .zp-form .separator { margin: 10px 0; padding: 0; line-height: 1px; height: 1px; border-bottom: 1px solid; box-sizing: border-box; width: 100%; } .zp-form .asfield{display: none;} .zp-form input.typetext, .zp-form input[type="text"], .zp-form input[type="number"], .zp-form input[type="email"], .zp-form input[type="tel"], .zp-form input[type="url"], .zp-form input[type="date"], .zp-form input[type="time"], .zp-form input[type="color"], .zp-form input[type="search"], .zp-form textarea{ font-family: inherit; font-size: inherit; color: #333333; background: #ffffff; padding: 6px 8px; border: 1px solid #9A9A9A; border: 1px solid rgba(0,0,0,0.4); max-width: 100%; box-sizing: border-box; height: auto; } .zp-form select{ padding: 6px 5px; border: 1px solid #9A9A9A; border: 1px solid rgba(0,0,0,0.4); } .zp-form ::-webkit-input-placeholder{ opacity: 1; color: rgba(0,0,0,0.4); } .zp-form :-moz-placeholder{ opacity: 1; color: rgba(0,0,0,0.4); } .zp-form ::-moz-placeholder{ opacity: 1; color: rgba(0,0,0,0.4); } .zp-form :-ms-input-placeholder{ opacity: 1; color: rgba(0,0,0,0.4); } /* fix a specificity issue with IE 11(-) which would otherwise apply the text-color fromthe rule in line 8 */ .zp-form input.typetext:-ms-input-placeholder{ opacity: 1; color: rgba(0,0,0,0.4); } .zp-form select{ font-family: inherit; font-size: inherit; color: #333333; } .zp-form label { font-family: inherit; font-size: inherit; padding: 3px 10px 3px 0; } .zp-form label.field{ display: block; margin-top: 10px; margin-bottom: 4px; padding: 0; } .zp-form input[type="submit"], .zp-form input[type="reset"]{ font-family: inherit; font-size: inherit; display: inline-block; margin-top: 20px; } .zp-form input[type="reset"].button, .zp-form input[type="reset"].button:hover{ float: right; border: 1px solid #666666 !important; color: #666666 !important; background: transparent !important; background-color: #fafafa !important; } .zp-form input[type="reset"].button:hover{ background-color: #ececec; } .zp-form:not(.zp14) div.recaptchawrapper{ float: left; /* gains layout */ margin-top: 10px; margin-left: 15px; margin-right: 15px; } .zp-form:not(.zp14) .recaptchatable{ background-color: #fff } .zp-form .recaptchatable #recaptcha_image, .zp-form #recaptcha_area img{ border: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0 !important; } /* *** BEGIN Form-Editor *** */ form.zp-form.zp-editable{ min-width: 100%; max-width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } form.zp-form.zp-editable div.formvalidateerror{ margin-left: 15px; margin-right: 15px; } form.zp-form.zp-editable .resizablefield{ padding-left: 15px; padding-right: 15px; box-sizing: border-box; float: left; /*clear: left;*/ } form.zp-form.zp-editable .resizablefield.fieldinnewline{ clear: both; } /* #formQuick is used in ProjectTemplates e.g. Ferienhaus and we don't want 100% width fields there */ form.zp-form.zp-editable input.typetext, form.zp-form.zp-editable input[type="file"], form.zp-form.zp-editable textarea, form.zp-form.zp-editable select, form.zp-form.zp-editable radio, form.zp-form.zp-editable checkbox{ width: 100%; } form.zp-form.zp-editable .formbuttons{ margin-left: 15px; margin-right: 15px; clear: both; overflow: hidden; padding-bottom: 6px; } /* *** END Form-Editor *** */ /* END source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\formular\form.css“. */ /* START source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\_Shared\js\fancybox\jquery.fancybox-1.3.4-cleaned.css“. */ /* * xFancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 7104; display: none; } #fancybox-loading div { display: none; position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('js/fancybox/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 7101; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 7101; outline: none; display: none; /* added by StS so we can use a general box-sizing rule with border-box in layouts. Otherwise, placing of element here would be based on wrong calculations */ box-sizing: content-box; } #fancybox-outer { position: relative; width: 100%; height: 100%; /*background: #fff;*/ border-radius: 5px; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 7102; border: 0px solid #fff; border-radius: 5px; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 6101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('js/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 7103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('js/fancybox/blank.gif'); z-index: 7102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 7102; display: block; } #fancybox-left-ico { background-image: url('js/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('js/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 7001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; /*background-image: url('js/fancybox/fancybox-x.png');*/ } #fancybox-bg-ne { top: -20px; right: -20px; /*background-image: url('js/fancybox/fancybox.png');*/ background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; /*background-image: url('js/fancybox/fancybox-y.png');*/ background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; /*background-image: url('js/fancybox/fancybox.png');*/ background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; /*background-image: url('js/fancybox/fancybox-x.png');*/ background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; /*background-image: url('js/fancybox/fancybox.png');*/ background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; /*background-image: url('js/fancybox/fancybox-y.png');*/ } #fancybox-bg-nw { top: -20px; left: -20px; /*background-image: url('js/fancybox/fancybox.png');*/ background-position: -40px -122px; } #fancybox-title { /*font-family: Helvetica; font-size: 12px;*/ z-index: 7102; } .fancybox-title-inside { /*text-align: center;*/ color: #fff; /*background: #fff;*/ position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('js/fancybox/fancy_title_over.png'); display: block; } #fancybox-title-over:empty{ display: none; } #fancybox-title-over p:last-child{ margin-bottom: 0; } .fancybox-title-inside #fancybox-title-over, .fancybox-title-outside #fancybox-title-over{ background-image: none; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('js/fancybox/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('js/fancybox/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('js/fancybox/fancybox.png') -55px -90px no-repeat; } /* END source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\_Shared\js\fancybox\jquery.fancybox-1.3.4-cleaned.css“. */ /* START source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\suche\zpsearch.css“. */ /*! $Id: zpsearch.css 68509 2018-11-05 12:12:29Z sseiz $ */ .SO-SiteSearchResult{ margin-bottom: 1em; } .zpwSuche p.restitle{ opacity: 0.75; margin-bottom: 1em !important; } .SO-SiteSearchResult h3{ margin: 0; } .zpwSuche .rescount{ opacity: 0.75; } .SO-SiteSearchForm.autohidelabels input.button{ margin-top: 20px; } .SO-SiteSearchForm:not(.autohidelabels) label{ font-family: inherit; font-size: inherit; padding: 3px 10px 3px 0; } .SO-SiteSearchForm.zp-form.zp14.autohidelabels .resizablefield label:not(.default){ left: 15px; } .SO-SiteSearchForm input.typetext{ font-family: inherit; font-size: inherit; color: #333333; background: #ffffff; padding: 6px 8px; border: 1px solid #9A9A9A; border: 1px solid rgba(0,0,0,0.4); max-width: 100%; box-sizing: border-box; height: auto; } .SO-SiteSearchForm.autohidelabels .resizablefield.c12 input.typetext{ width: 560px; } /* END source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\suche\zpsearch.css“. */ /* START source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\slider\assets\slider-global.css“. */ /* * jQuery FlexSlider v2.0 (global singleHeader Widget) * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .zp13slider-container a:active, .zp13slider a:active, .zp13slider-container a:focus, .zp13slider a:focus {outline: none;} ul.zp13slider{ margin: 0; padding: 0 !important; list-style: none !important; } .zp13slider-control-nav, .zp13slider-direction-nav { margin: 0 !important; padding: 0 !important; list-style: none !important; } /* FlexSlider Necessary Styles *********************************/ .zp13sliderWidget {margin: 0; padding: 0;} .zp13sliderWidget ul.zp13slider > li { display: none; /* Hide the slides before the JS is loaded. Avoids image jumping */ -webkit-backface-visibility: hidden; list-style-type: none !important; margin-left: 0; margin-right: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; } .zp13sliderWidget li:before, .zp13sliderWidget li:after{content: none !important;} .zp13sliderWidget ul.zp13slider img {width: 100%; max-width: none; height: auto; display: block; padding: 0; margin: 0; border: 0; box-shadow: none;} .zp13slider-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ ul.zp13slider:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] ul.zp13slider {display: block;} * html ul.zp13slider {height: 1%;} /* No JavaScript Fallback and KenBurns (needed to se can nicely cross fade */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js ul.zp13slider > li, .loaded .zp13sliderWidget.burns ul.zp13slider > li{ display: block !important; } /* FlexSlider Default Theme *********************************/ /*.zp13slider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}*/ .zp13sliderWidget {position: relative; zoom: 1; overflow: hidden; z-index: 1;} /* overflow is needed to not cause the relative positioned pev/next arrows cause a wide page */ .zp13slider-viewport {max-height: 2000px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease;} .loading .zp13slider-viewport {max-height: 300px;} .zp13sliderWidget ul.zp13slider {zoom: 1;} .carousel li {margin-right: 5px} .zp13slider-direction-nav .zp13slider-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } /* Control Nav */ .zp13slider-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center; z-index: 10;} .zp13slider-control-nav li {margin: 0 6px; display: inline-block; zoom: 1;} .zp13slider-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .zp13slider-control-thumbs img {display: block; opacity: .7; cursor: pointer;} .zp13slider-control-thumbs img:hover {opacity: 1;} .zp13slider-control-thumbs .zp13slider-active {opacity: 1; cursor: default;} /* New ZP13 Rules for Slideshow */ .supportsbreakout body:not(.withnews) div.zp13sliderWidget.zpBreakout{ /* we don't use overflow hidden on body to avoid horizontal scrollbar because dropdown menues (e.g. on the far right) might need an overflow */ width: calc(100vw - 9px); /* -9px compensates possible scrollbar Safari: -8, Chrome: -9 */ margin-left: calc(-50vw + 50%); /* Todo: this might break if less compression is used! */ box-sizing: border-box; padding: 0; /* padding-left is equal to amount to compensate scrollbar */ overflow:hidden !important; } .supportsbreakout body.touch:not(.withnews) div.zp13sliderWidget.zpBreakout{ width: 100vw; /* Do not compensate on transparent Scrollbars on touch devices like e.g. the ipad. */ } div.zp13sliderWidget.zpBreakout{ border: 0; box-shadow: none; } div.zp13sliderWidget li img{ border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } .zp13sliderWidget ul.zp13slider{ overflow:hidden; -webkit-animation: fadeIn 1800ms ease-out; -o-animation: fadeIn 1800ms ease-out; -moz-animation: fadeIn 1800ms ease-out; animation: fadeIn 1800ms ease-out; } .zp13sliderWidget ul.zp13slider > li{ position: relative; list-style: none !important; } /* set the initial state of each slide to the same as the end of animation, to avid jumps once the class is removed */ .zp13sliderWidget.burns ul.zp13slider > li:nth-child(odd) img{ transform: scale(1.2) translate(7%,4%); -webkit-transform: scale(1.2) translate(7%,4%); /* Safari and Chrome */ -o-transform: scale(1.2) translate(7%,4%); /* Opera */ -moz-transform: scale(1.2) translate(7%,4%); /* Firefox */ } /* set the initial state of each slide to the same as the end of animation, to avid jumps once the class is removed */ .zp13sliderWidget.burns ul.zp13slider > li:nth-child(even) img{ transform: scale(1.2) translate(-7%,4%); -webkit-transform: scale(1.2) translate(-7%,4%); /* Safari and Chrome */ -o-transform: scale(1.2) translate(-7%,4%); /* Opera */ -moz-transform: scale(1.2) translate(-7%,4%); /* Firefox */ } .zp13sliderWidget.burns ul.zp13slider > li.zp13slider-active-slide:nth-child(odd) img{ -webkit-animation: kburnsright 10s linear forwards; -o-animation: kburnsright 10s linear forwards; -moz-animation: kburnsright 10s linear forwards; animation: kburnsright 10s linear forwards; } .zp13sliderWidget.burns ul.zp13slider > li.zp13slider-active-slide:nth-child(even) img{ -webkit-animation: kburnsleft 10s linear forwards; -o-animation: kburnsleft 10s linear forwards; -moz-animation: kburnsleft 10s linear forwards; animation: kburnsleft 10s linear forwards; } .zp13sliderWidget ul.zp13slider > li > a, .zp13sliderWidget ul.zp13slider > li > a:hover{ text-decoration: none; } @-webkit-keyframes kburnsright { from { transform: scale(1.0); -webkit-transform: scale(1.0); /* Safari and Chrome */ -o-transform: scale(1.0); /* Opera */ -moz-transform: scale(1.0); /* Firefox */ } to { transform: scale(1.2) translate(7%,4%); -webkit-transform: scale(1.2) translate(7%,4%); /* Safari and Chrome */ -o-transform: scale(1.2) translate(7%,4%); /* Opera */ -moz-transform: scale(1.2) translate(7%,4%); /* Firefox */ } } @keyframes kburnsright { from { transform: scale(1.0); -o-transform: scale(1.0); /* Opera */ -moz-transform: scale(1.0); /* Firefox */ } to { transform: scale(1.2) translate(7%,4%) rotateZ(0.01deg); /* rotate transform seems to fix stuttering in IE */ -o-transform: scale(1.2) translate(7%,4%); /* Opera */ -moz-transform: scale(1.2) translate(7%,4%); /* Firefox */ } } @-webkit-keyframes kburnsleft { from { transform: scale(1.0); -ms-transform: scale(1.0); /* IE 9 */ -webkit-transform: scale(1.0); /* Safari and Chrome */ -o-transform: scale(1.0); /* Opera */ -moz-transform: scale(1.0); /* Firefox */ } to { transform: scale(1.2) translate(-7%,4%); -webkit-transform: scale(1.2) translate(-7%,4%); /* Safari and Chrome */ -o-transform: scale(1.2) translate(-7%,4%); /* Opera */ -moz-transform: scale(1.2) translate(-7%,4%); /* Firefox */ } } @keyframes kburnsleft { from { transform: scale(1.0); -o-transform: scale(1.0); /* Opera */ -moz-transform: scale(1.0); /* Firefox */ } to { transform: scale(1.2) translate(-7%,4%) rotateZ(0.01deg); /* rotate transform seems to fix stuttering in IE */ -o-transform: scale(1.2) translate(-7%,4%); /* Opera */ -moz-transform: scale(1.2) translate(-7%,4%); /* Firefox */ } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .zp13sliderWidget:not(.captionbelow) .zp13slider-caption{ position: absolute; width: 100%; margin: 0 auto; left: auto; right: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 45px; box-sizing: border-box; max-height: 90%; overflow:auto; } .zp13sliderWidget.captionbelow .zp13slider-caption{ padding: 0 45px; box-sizing: border-box; line-height: inherit; } .zp13sliderWidget.captiontop .zp13slider-caption{ bottom: auto; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .zp13sliderWidget.captionbottom .zp13slider-caption{ bottom: 0; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .zp13sliderWidget .zp13slider-caption.relative{ position: relative; margin: 0 auto 60px auto; -webkit-transform: none; -ms-transform: none; transform: none; } .zp13sliderWidget .zp13slider-caption{ text-align: center; color: #ffffff; text-shadow: 1px 1px 0 rgba(0,0,0,0.7); line-height: normal; } .zp13sliderWidget .zp13slider-caption h1, .zp13sliderWidget .zp13slider-caption h2, .zp13sliderWidget .zp13slider-caption h3{ text-align: inherit; color: inherit; text-shadow: inherit; border: 0; } .zp13sliderWidget .zp13slider-caption h1:first-child, .zp13sliderWidget .zp13slider-caption h2:first-child, .zp13sliderWidget .zp13slider-caption h3:first-child{ margin-top: 0; } /* Direction Nav */ /* TODO: remove if this IE-Fix is no longer needed .zp13slider-direction-nav {*height: 0;} */ .zp13slider-direction-nav{ position: absolute; width: 100%; top: calc(50% - 15px); } .zp13slider-direction-nav a { width: 29px; height: 29px; margin: 0; display: block; background: url(images/zp13_slides_bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 0; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none !important;; border: none !important; } .zp13slider-direction-nav .zp13slider-next, .zp13slider-direction-nav .next {background-position: 100% 0; right: -36px; } .zp13slider-direction-nav .zp13slider-prev, .zp13slider-direction-nav .prev {left: -36px;} .zp13sliderWidget:hover .zp13slider-next, .zp13sliderWidget:hover .next {opacity: 0.75; right: 15px;} .zp13sliderWidget:hover .zp13slider-prev, .zp13sliderWidget:hover .prev {opacity: 0.75; left: 15px;} .zp13sliderWidget:hover .zp13slider-next:hover, .zp13sliderWidget:hover .next:hover, .zp13sliderWidget:hover .zp13slider-prev:hover, .zp13sliderWidget:hover .prev:hover {opacity: 1;} .zp13sliderWidget .zp13slider-control-nav li, .zp13sliderWidget .zp13slider-direction-nav li{ list-style: none !important; } .zp13sliderWidget .zp13slider-control-nav{ position: absolute; bottom: 15px; top: auto; } .zp13sliderWidget.captionbottom .zp13slider-control-nav{ bottom: auto; top: 20px; } .zp13sliderWidget .zp13slider-control-thumbs{ position: static; margin: 5px 0 0 0; } .zp13sliderWidget .zp13slider-control-nav li{ list-style-type: none !important; position: relative; width: 26px; height: 26px; margin: 0; padding: 0; text-align: left; } .zp13sliderWidget .zp13slider-control-thumbs li{ width: auto; height: auto; float: left; margin: 0; } .zp13sliderWidget .zp13slider-control-nav li a{ width: 20px; height: 20px; display: block; background-color: transparent; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .zp13sliderWidget .zp13slider-control-nav li a.zp13slider-active { cursor: default; } .zp13sliderWidget .zp13slider-control-nav li a:before{ content: ""; box-sizing: border-box; position: absolute; top: 6px; left: 50%; margin-left: -7px; width: 8px; height: 8px; border-radius: 50%; background-color: #ffffff; display: inline-block; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15); } .zp13sliderWidget .zp13slider-control-nav li a.zp13slider-active:before, .zp13sliderWidget .zp13slider-control-nav li a:hover:before{ content: ""; box-sizing: border-box; position: absolute; top: 0; left: 50%; margin-left: -12px; width: 20px; height: 20px; border: 2px solid #ffffff; background-color: transparent; } /*.zp13sliderWidget.burns .zp13slider-control-nav,*/ .zp13sliderWidget.burns .zp13slider-direction-nav{ display: none; /* next/prev won't work reliably with css animations running, so we hide the controls */ } .zp13sliderWidget.defaultbg.captionbelow .zp13slider-caption{ color: inherit; text-shadow: none !important; } /* *** Responsive Breakpoints *** */ @media (max-width: 640px) { .zp13sliderWidget:not(.burns) .zp13slider-caption{ position: static; top: auto; bottom: auto; padding-top: 1em; padding-bottom: 1em; -webkit-transform: none; -ms-transform: none; transform: none; margin-left: 0; margin-right: 0; width: 100%; max-height: none; } .zp13sliderWidget:not(.burns) .zp13slider-caption > :first-child{ margin-top: 0; } .zp13sliderWidget:not(.burns) .zp13slider-caption > :last-child{ margin-bottom: 0; } .zp13sliderWidget.defaultbg .zp13slider-caption{ color: inherit; text-shadow: none !important; } .zp13sliderWidget:not(.burns) .zp13slider-direction-nav{ top: 39px; bottom: auto; } .zp13sliderWidget:not(.burns) .zp13slider-control-nav{ top: 21px; bottom: auto; } } @media print { .zp13slider-control-nav zp13slider-control-paging, .zp13slider-direction-nav { display: none !important; } } /* END source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\slider\assets\slider-global.css“. */ /* START source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\layouts\Locus Responsive\assets\styles.less“. */ /*! * Layout: Locus Responsive * $Id: styles.less 80211 2019-09-27 12:14:47Z sseiz $ * Copyright Zeta Software GmbH */ /* Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } tr, th, td { vertical-align: top; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } b, strong { font-weight: bold; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } body { -webkit-text-size-adjust: none; } /* Box Model */ *, *:before, *:after { box-sizing: border-box; } /* Containers */ .container { margin-left: auto; margin-right: auto; max-width: 1200px; } @media screen and (max-width: 1240px) { .container { width: 95% !important; max-width: calc(100% - 30px); } } @media screen and (max-width: 480px) { .container { width: 100% !important; } } /* Basic */ html { font-size: 120%; } body { background-color: #C1C1C1; color: #fafafa; font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.5; } a, a:hover { text-decoration: none; color: inherit; } em, i { font-style: italic; } /* hyphenation switch */ h1, h2, h3, h4, h5, h6, p { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-lines: 2; -moz-hyphenate-limit-lines: 2; -ms-hyphenate-limit-lines: 2; hyphenate-limit-lines: 2; -webkit-hyphenate-limit-chars: auto 3; -moz-hyphenate-limit-chars: auto 3; -ms-hyphenate-limit-chars: auto 3; hyphenate-limit-chars: auto 3; } p { margin: 0 0 0.5em 0; } h1 { font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2.5em; color: #fafafa; font-weight: lighter; margin-top: 0; margin-bottom: 0.5em; text-transform: uppercase; } h2 { font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; color: #fafafa; font-weight: lighter; margin-top: 0; margin-bottom: 0.5em; text-transform: none; } h3, h4, h5, h6 { font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.5em; color: #fafafa; font-weight: lighter; margin-top: 0; margin-bottom: 0.5em; text-transform: none; } .articlearea > h1:last-child, .articlearea > h2:last-child, .articlearea > h3:last-child, .articlearea > h4:last-child, .articlearea > h5:last-child, .articlearea > h6:last-child, .articlearea > p:last-child { margin: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: inherit; border-bottom: 0; text-decoration: none; } sub { font-size: 0.8em; position: relative; top: 0.5em; } sup { font-size: 0.8em; position: relative; top: -0.5em; } hr { border: 0; border-bottom: solid 1px #313032; margin: 2em 0; } blockquote { border-left: solid 4px #313032; font-style: italic; margin: 0 0 0.5em 0; padding: 0.5em 0 0.5em 2em; } code { background: rgba(207, 201, 214, 0.035); border-radius: 8px; border: solid 1px #313032; font-family: "Courier New", monospace; font-size: 0.9em; margin: 0 0.25em; padding: 0.25em 0.65em; } pre { -webkit-overflow-scrolling: touch; font-family: "Courier New", monospace; font-size: 0.9em; margin: 0 0 0.5em 0; } pre code { display: block; line-height: 1.75em; padding: 1em 1.5em; overflow-x: auto; } /* Form */ input.typetext, input[type="text"], input[type="password"], input[type="email"], input#zpsearchfield, select, textarea { border-radius: 8px; } /* Lists */ ol { list-style: decimal; margin: 0 0 0.5em 0; padding-left: 1.25em; } ol li { padding-left: 0.25em; } ul:not(.slides) { list-style: square; margin: 0 0 0.5em 0; padding-left: 1em; } ul:not(.slides) li { padding-left: 0.5em; } dl { margin: 0 0 0.5em 0; } /* banner teaser */ #banner { margin-top: 3em; font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1em; color: #fafafa; line-height: 1.5; } #banner p { margin: 0 0 0.5em 0; } #banner a:not(.fancybox) { color: #fafafa; border-bottom: dotted 1px; } #banner a:not(.fancybox):hover { color: #689aa0; border-bottom: dotted 1px; } #banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 { font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; color: #fafafa; font-weight: lighter; } /* Main */ .main.style1 { overflow: hidden; padding-left: calc(3em - 15px); padding-right: calc(3em - 15px); text-align: left; } /* responsive images */ img { max-width: 100%; height: auto; } /* #mobilenavtoggle{ position: absolute; top: 10px; bottom: auto; left: auto; right: 15px; display: none; background-color: #1f1e21; border-radius: 8px; color: #ffffff; font-size: 15px; text-align: center; //box-shadow: 0px 0px 2px #ffffff; z-index: 11; padding: 0.5em 1em; } #mobilenavtoggle:hover { color: #ffffff; } */ /* Wrapper */ #wrapper { border-radius: 8px; margin-bottom: 3em; margin-top: calc(2em - 30px); } .nologo #wrapper, body.plain #wrapper { margin-top: 2em; } #wrapper > .main { padding: 5em 3em 3em 3em; } /* Logo */ #logo { text-align: center; position: relative; z-index: 2; top: 2em; height: 60px; } #logo a { display: inline-block; text-decoration: none; border: none; margin: 0; padding: 0; line-height: 0; } #logo a img { width: 160px; max-width: 95%; height: auto; } /* Header */ #header { background-color: #99CC33; border-radius: 8px 8px 0 0; border-top: 0 !important; position: relative; text-align: center; } #header .topline { padding: 4em 3em; padding-top: calc(4em + 30px); } #header .topline #webtext { letter-spacing: 0.1em; } #header .topline h1, #header .topline #webname { font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2.5em; color: #F4F8E8; font-weight: lighter; font-style: normal; text-transform: uppercase; line-height: 1.5em; margin: 0; } #header .topline h1 a, #header .topline #webname a { text-decoration: none; border: none; } #header .topline p, #header .topline #slogan { font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.35em; color: #F4F8E8; font-weight: lighter; font-style: normal; text-transform: uppercase; border-top: solid 1px #b8db70; display: inline-block; line-height: 2em; margin: 0.7em 0 0 0; min-width: 50%; padding: 0.35em 0 0 0; position: relative; top: -0.5em; } #header .topline.empty { padding: 0; min-height: 60px; } #header #nav { -webkit-transition: max-height 300ms ease-in-out; transition: max-height 300ms ease-in-out; border-top: solid 1px #b8db70; max-height: 3.55em; max-height: calc(3.5em + 1px); } #header #nav > ul li.overflownonly { display: none; position: absolute; z-index: 2; right: 0; top: 0; background-color: #99CC33; } #header #nav > ul li.overflownonly:before { content: ""; position: absolute; top: 0; left: -26px; width: 25px; height: 100%; background-color: rgba(153, 204, 51, 0); background-image: -webkit-gradient(linear, left top, right top, from(rgba(153, 204, 51, 0)), to(#99CC33)); background-image: -webkit-linear-gradient(left, rgba(153, 204, 51, 0), #99CC33); background-image: linear-gradient(to right, rgba(153, 204, 51, 0), #99CC33); } #header #nav > ul li.overflownonly.overflown { display: inline-block; } #header #nav > ul { max-height: 3.5em; position: relative; margin-bottom: 0; padding: 0; word-spacing: -4px; background-color: transparent; } #header #nav > ul > li { word-spacing: normal; } #header #nav > ul li { border-left: solid 1px #b8db70; display: inline-block; line-height: 3.5em; min-width: 12.5%; padding: 0; position: relative; } #header #nav > ul li a { -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; border: 0; color: #ffffff; display: block; letter-spacing: 0.25em; padding: 0 2em; font-size: 0.8em; text-decoration: none; text-indent: 0.125em; text-transform: uppercase; background-color: #99CC33; } #header #nav > ul li a.active { background-color: rgba(255, 255, 255, 0.1); color: #818181; } #header #nav > ul li:first-child { border-left: 0; } #header #nav > ul ul { position: absolute; top: 100%; left: 0; display: none; z-index: 5; margin: 0; padding: 0; background-color: transparent; } #header #nav > ul ul ul { top: 0; left: 100%; } #header #nav li.haschilds > a:after, #header #nav .dropdown-menu li.haschilds > a:after { content: ''; box-sizing: content-box; position: absolute; z-index: 2; top: 50%; margin-top: -0.3em; right: 12px; height: 0.5em; width: 0.5em; border-color: inherit; border-bottom-color: transparent; border-left-color: transparent; border-style: solid; border-width: 1px 1px 0 0; display: block; -webkit-transition: transform 200ms ease; transition: transform 200ms ease; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 50% 40%; transform-origin: 50% 40%; } #header #nav li.haschilds.clicked > a:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #header #nav > ul > li.haschilds > a:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #header #nav > ul > li.haschilds.clicked > a:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } #header #nav ul ul li { display: block; border: 0; } #header #nav ul ul li a { text-align: left; letter-spacing: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #header #nav:not(.on) li.overflowing { visibility: hidden; } #header #nav.on { border-bottom: solid 1px #b8db70; max-height: none; width: 100vw; max-width: 100%; text-align: left; overflow-y: hidden; } #header #nav.on ul { max-height: none; } #header #nav.on ul ul { margin-left: 1em; position: static; top: auto; left: auto; right: auto; bottom: auto; } #header #nav.on ul li { display: block; border: 0; background-color: #99CC33; } #header #nav.on ul li.open > ul { display: block; } #header #nav.on ul li > a:not(#mobilenavtoggle) { line-height: 2.8em; letter-spacing: normal; position: relative; padding-top: 1em; padding-bottom: 1em; } #header #nav.on ul li.haschilds > a { padding-right: 3.5em; } #header #nav.on ul li.haschilds > a:after { margin-top: -0.25em; right: 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #header #nav.on ul li.haschilds.open > a:after, #header #nav.on ul li.haschilds.clicked > a:after { -webkit-transition: unset; transition: unset; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } #header #nav.on > ul { max-height: none; padding-top: 3.5em; } #header #nav.on > ul li.overflownonly.overflown, #header #nav.on > ul li.overflownonly.overflown a { border-top: 0; } #header #nav.on > ul li.overflownonly:before { content: none; } #header #nav.on > ul > li { border-top: solid 1px #b8db70; } /* only define hover styles for the desktop menu on non-touch devices */ .notouch #header #nav > ul li a:hover, .notouch #header #nav > ul li a.active:hover { background-color: rgba(255, 255, 255, 0.2); color: #818181; } .notouch #header #nav:not(.on) li.haschilds:not(.closed):hover > a:after, .notouch #header #nav:not(.on) .dropdown-menu li.haschilds:not(.closed):hover > a:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .notouch #header #nav:not(.on) > ul > li.haschilds:not(.closed):hover > a:after, .notouch #header #nav:not(.on) .dropdown-menu li.haschilds:not(.closed):hover > a:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .notouch #header #nav:not(.on) li:hover > ul { display: block; } /* Kopfgrafik */ #slider { background-color: #C1C1C1; border-top: 0 !important; padding: 0; /* padding: 5em 3em; padding-left: ~"calc(3em + 15px)"; padding-right: ~"calc(3em + 15px)"; */ } #slider #headerslider { font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1em; color: #fafafa; line-height: 1.5; text-align: center; } #slider h2, #slider h3, #slider h4, #slider h5, #slider h6 { font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; font-weight: lighter; color: #fafafa; margin: 0 0 0.5em 0; } #slider p { margin: 0 0 0.5em 0; } #slider a { color: #fafafa; text-decoration: underline; } #slider a:hover { color: #689aa0; text-decoration: underline; } #slider > :last-child { margin-bottom: 0; } #slider .flex-caption { margin-top: 1em; padding-left: calc(3em + 15px); padding-right: calc(3em + 15px); } #slider + div { border-top: 0 !important; } /* button */ #content a.button, input.button, input[type="button"] { display: inline-block; margin: 0 10px 0.5em 0; padding: 0; font-size: 1em; font-weight: normal; text-decoration: none; text-transform: none; text-align: center; line-height: normal; color: #99CC33 !important; background-color: transparent; background-image: none; border: 1px solid #99CC33; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #content .zp-form input.button { color: #99CC33 !important; } #content a.button:hover, input.button:hover, #content .zp-form input.button:hover { background: #99CC33; color: #818181 !important; } #content a.button span, input.button { display: block; margin: 0; padding: 8px 15px; } /* content */ .ie .zparea.zpgrid > .zpContainer.styled.zpBreakout:last-child .zpRow:last-child, .mozilla .zparea.zpgrid > .zpContainer.styled.zpBreakout:last-child .zpRow:last-child { overflow: hidden !important; } #content { position: relative; background: #F4F8E8; border-top: solid 1px #b8db70; /* breadcrumb*/ font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.5; color: #606060; /* switch off borders below links only containing images */ } #content #breadcrumb { margin-bottom: 3em; padding: 0 15px; font-size: 12px; color: #696969; } #content #breadcrumb a { color: #696969; border-bottom: 0; } #content #breadcrumb a:hover { color: #99CC33; border-bottom: 0; } #content #breadcrumb span.divider { color: #99CC33; } #content .zparea.zpgrid > .zpContainer.styled.zpBreakout:last-child { margin-bottom: -3em; } #content div.zpRow { margin-bottom: 2em; } #content p { margin: 0 0 0.5em 0; } #content a:not(.button):not(.fancybox) { -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; border-bottom: dotted 1px; color: #51584B; text-decoration: none; } #content a:not(.button):not(.fancybox):hover { border-bottom: dotted 1px; color: #689aa0; text-decoration: none; } #content #content .zpwBild > a:not(.addspecificy), #content #content .zpwBild > a:not(.addspecificy):hover { border-bottom: 0; } #content.rounded { border-radius: 0 0 8px 8px; } /* Search */ #search { border-radius: 0 0 8px 8px; background: #F4F8E8; border-top: solid 1px #b8db70; box-sizing: border-box; padding: 2em 3em; padding-left: calc(3em + 15px); /* 15px to compensate zpgrid padding */ padding-right: calc(3em + 15px); margin: 0 auto; overflow: hidden; width: 100% !important; max-width: none; } #zpsearchform { max-width: 510px; position: relative; height: 44px; margin: 0 auto; } #zpsearchform input { font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; } #zpsearchfield { margin: 0; padding: 6px 30px 6px 10px; width: 100%; box-sizing: border-box; height: 44px; font-size: 1em; line-height: 28px; color: #99CC33; background-color: #F4F8E8; border: 1px solid #99CC33; position: absolute; top: 0px; left: 0px; -webkit-appearance: none; /* keeps Safari iOS from adding rounded corners etc. */ border-radius: 0; /* keeps Safari iOS from adding rounded corners etc. */ } #zpsearchbutton { margin: 0; padding: 6px 0; border: 0; box-sizing: border-box; height: 44px; text-align: center; position: absolute; top: 0; right: 0; cursor: pointer; -webkit-appearance: none; /* keeps Safari iOS from adding rounded corners etc. */ border-radius: 0; /* keeps Safari iOS from adding rounded corners etc. */ } /* Footer */ #afterfooter { font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1em; color: #C1C1C1; line-height: 1.5; } #afterfooter p { margin: 0 0 0.5em 0; } #afterfooter a { color: #C1C1C1; border-bottom: dotted 1px; } #afterfooter a:hover { color: #689aa0; border-bottom: dotted 1px; } #afterfooter h1, #afterfooter h2, #afterfooter h3, #afterfooter h4, #afterfooter h5, #afterfooter h6 { font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; color: #818181; font-weight: lighter; } #footer { font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1em; color: #C1C1C1; text-align: center; margin-bottom: 3em; } #footer a { color: #C1C1C1; border-bottom: dotted 1px; } #footer a:hover { color: #689aa0; border-bottom: dotted 1px; } #footer #xmenu { font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1em; } #footer #xmenu a { margin-left: 10px; color: #F4F8E8; border-bottom: dotted 1px; } #footer #xmenu a:first-child { margin-left: 0; } #footer #xmenu a:hover { color: #51584B; border-bottom: dotted 1px; } .zpSO-OnlineShop-table th, .zpSO-OnlineShop-table td { padding: 8px 10px; } /* XLarge */ @media screen and (max-width: 1680px) { /* Basic */ html { font-size: 110%; } } /* Large */ @media screen and (max-width: 1366px) { /* Basic */ html { font-size: 100%; } /* Header */ #header > .topline { padding: 4em 0; padding-top: calc(4em + 30px); } } /* Non Mobile Nav (Desktop) Only */ @media screen and (min-width: 981px) { #header #nav:not(.on) > ul li.active a:not(:hover) { background-color: rgba(255, 255, 255, 0.1); color: #818181; } } /* Medium */ @media screen and (max-width: 980px) { /* Wrapper */ #wrapper { margin-bottom: 2em; } body.plain #wrapper { margin-top: 3em; } #wrapper > .main { padding: 5em 3em 3em 3em; } /* Header */ #header:before, #header:after { display: none; } #header > .topline { padding: 3em 3em; padding-top: calc(3em + 30px); } #header > .topline h1 { font-size: 2em; } #header > .topline p { font-size: 1.35em; } #header.alt > .topline { padding: 3em 3em 2.5em 3em; } } /* Small */ @media screen and (max-width: 736px) { /* Wrapper */ #wrapper { margin-top: calc(1em - 30px); } .nologo #wrapper, body.plain #wrapper { margin-top: 1em; } #wrapper > .main { padding: 3em 3em 1em 3em; } #logo { top: 1em; } /* Header */ #header > .topline { padding: 3.5em 3em 2em 3em; padding: 3.5em 3em; padding-top: calc(3.5em + 30px); } #header > .topline h1 { font-size: 1.5em; } #header > .topline p { font-size: 1.1em; margin: 1em 0 0 0; padding: 0.5em 0 0 0; top: -0.25em; } } /* XSmall */ @media screen and (max-width: 480px) { #banner, #afterfooter, #footer { padding: 0 1.5em; } /* Wrapper */ #wrapper { border-radius: 0; } .nologo #wrapper, body.plain #wrapper { margin-top: 0; } #wrapper > .main { padding: 3em 1.5em 1em 1.5em; } /* Header */ #header { border-radius: 0; } #header > .topline { padding: 4.5em 1.5em; padding-top: calc(4.5em + 30px); } #search { padding-left: calc(1.5em + 15px); /* 15px to compensate zpgrid padding */ padding-right: calc(1.5em + 15px); /* 15px to compensate zpgrid padding */ } } /* ZP Specific additions */ .flexslider { box-shadow: none; } .flex-direction-nav { list-style: none !important; margin: 0 !important; } .flex-direction-nav a { border: 0; } @media screen and (min-width: 1280px) { .flexslider .flex-prev, .flexslider .prev, .flexslider .flex-next, .flexslider .next { opacity: 1; } .flexslider .flex-prev, .flexslider .prev, .flexslider:hover .flex-prev, .flexslider:hover .prev { left: -35px !important; } .flexslider .flex-next, .flexslider .next, .flexslider:hover .flex-next, .flexslider:hover .next { right: -35px !important; } } @media screen and (max-width: 1280px) { .flexslider .flex-prev, .flexslider .prev, .flexslider:hover .flex-prev, .flexslider:hover .prev { left: 12px !important; } .flexslider .flex-next, .flexslider .next, .flexslider:hover .flex-next, .flexslider:hover .next { right: 12px !important; } } @media screen and (max-width: 640px) { /* hide next/prev buttons on small screens */ .flexslider .flex-prev, .flexslider .prev, .flexslider .flex-next, .flexslider .next, .flexslider:hover .flex-prev, .flexslider:hover .prev, .flexslider:hover .flex-next, .flexslider:hover .next { opacity: 0 !important; } } /* END ZP Specific additions */ /* ZP 13 additions */ .zpContainer.zpBreakout { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .zpColumn .zpBreakout { margin-left: -30px; margin-right: -30px; padding-left: 0; padding-right: 0; } #content:not(.fullwidth) .zpContainer.zpBreakout { margin-left: -3em; margin-right: -3em; padding-left: 3em; padding-right: 3em; } #content:not(.fullwidth) .zpColumn .zpBreakout { margin-left: calc(-3em - 15px); margin-right: calc(-3em - 15px); } #banner .zpgrid, #afterfooter .zpgrid { margin-left: -15px; margin-right: -15px; } #banner .zpgrid .zpContainer.styled, #afterfooter .zpgrid .zpContainer.styled { margin-left: 15px; margin-right: 15px; padding-left: 0; padding-right: 0; } #sidebarright .zpColumn { padding: 0; } body.plain .zpgrid, body.plain .zpgrid #grid { max-width: none; } body.plain #mainbar { width: 100%; } /* END source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\layouts\Locus Responsive\assets\styles.less“. */ /* START source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\untermenue\untermenu.less“. */ .zpSO-SubMenu.metro { margin-left: -15px; margin-right: -15px; } .zpSO-SubMenu.metro > a.menu-item { transition: all 200ms; width: calc(33.333333333% - 33px); box-sizing: border-box; margin-left: 15px; margin-right: 15px; margin-bottom: 30px; display: inline-block; text-align: center; text-decoration: none !important; min-height: 0px; padding: 25px; border-radius: 0px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .zpSO-SubMenu.metro > a.menu-item.cols1 { width: 100%; } .zpSO-SubMenu.metro > a.menu-item.cols2 { width: calc(50% - 33px); } .zpSO-SubMenu.metro > a.menu-item.cols3 { width: calc(33.333333333% - 33px); } .zpSO-SubMenu.metro > a.menu-item.cols4 { width: calc(25% - 33px); } .zpSO-SubMenu.metro > a.menu-item.cols5 { width: calc(20% - 33px); } .zpSO-SubMenu.metro > a.menu-item.cols6 { width: calc(16.6666666666% - 33px); } @media screen and (max-width: 960px) { .zpSO-SubMenu.metro > a.menu-item { width: calc(33.333333333% - 33px) !important; } } @media screen and (max-width: 768px) { .zpSO-SubMenu.metro > a.menu-item { width: calc(50% - 33px) !important; } } @media screen and (max-width: 680px) { .zpSO-SubMenu.metro > a.menu-item { width: calc(100% - 33px) !important; } } .zpSO-SubMenu.metro > a.menu-item span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .zpSO-SubMenu.metro > a.menu-item:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } table.zpSO-SubMenu td { vertical-align: top; } ul.zpSO-SubMenu.tabular:not(.defaults) { padding: 0; margin-left: -15px; margin-right: -15px; max-width: 100%; } ul.zpSO-SubMenu.tabular:not(.defaults) li { box-sizing: border-box; display: inline-block; list-style: none; margin-left: 15px; margin-right: 15px; margin-bottom: 0.5em; padding-left: 1.2em; width: 100%; vertical-align: top; position: relative; } ul.zpSO-SubMenu.tabular:not(.defaults) li:before { position: absolute; left: 0; } ul.zpSO-SubMenu.tabular:not(.defaults) li.cols1 { width: 100%; } ul.zpSO-SubMenu.tabular:not(.defaults) li.cols2 { width: calc(50% - 33px); } ul.zpSO-SubMenu.tabular:not(.defaults) li.cols3 { width: calc(33.333333333% - 33px); } ul.zpSO-SubMenu.tabular:not(.defaults) li.cols4 { width: calc(25% - 33px); } ul.zpSO-SubMenu.tabular:not(.defaults) li.cols5 { width: calc(20% - 33px); } ul.zpSO-SubMenu.tabular:not(.defaults) li.cols6 { width: calc(16.6666666666% - 33px); } @media screen and (max-width: 960px) { ul.zpSO-SubMenu.tabular:not(.defaults) li { width: calc(33.333333333% - 33px) !important; } } @media screen and (max-width: 768px) { ul.zpSO-SubMenu.tabular:not(.defaults) li { width: calc(50% - 33px) !important; } } @media screen and (max-width: 680px) { ul.zpSO-SubMenu.tabular:not(.defaults) li { width: 100% !important; } } /* END source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\untermenue\untermenu.less“. */ /* START source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\singleimage\singleimage.less“. */ /*! $Id: singleimage.less 69012 2018-11-14 12:49:25Z sseiz $ */ .zpwBild { overflow: hidden; } .zpImageGallery[data-kind='singleimage'] > a.fancybox.svg { display: inline !important; } .zpImageGallery[data-kind='singleimage'] > a.fancybox.svg img { width: 100%; } .zpImageGallery[data-kind='singleimage'] img.zoomImg:hover { cursor: zoom-in; } .zpImageGallery[data-kind='singleimage'] img.zoomImg.zoomed:hover { cursor: all-scroll; } .ie .zpImageGallery[data-kind='singleimage'] img.zoomImg:hover { cursor: pointer; } .zpwBild > a.zpnolayoutlinkstyles { display: inline-block; max-width: 100%; } /* END source file „C:\Users\Praxis\AppData\Local\Zeta Producer 15\packaging\widgets\singleimage\singleimage.less“. */ /* roboto-100 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('fonts/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-100italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: url('fonts/roboto-v30-latin-100italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('fonts/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-900 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-900italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; src: url('fonts/roboto-v30-latin-900italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */ }