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}
/*! $Id: zpgrid.less 70258 2018-12-11 15:25:32Z sseiz $ */
div.zpRow{
margin-bottom:30px}
div.zpRow:after{
visibility:hidden;
display:block;
content:"";
clear:both;
height:0}
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%}
div.zpRow div.zpColumn div.zpColumnItem{
display:block;
float:left;
padding:0}
h1,
h2,
h3,
h4,
h5,
h6,
.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-direction-nav .flex-disabled{
opacity:0!important;
filter:alpha(opacity=0);
cursor:default;
z-index:-1}
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}
img[width="1px"],
img[width="1"],
.plain>img,
img.plain,
.zpwBild.plain a{
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}
div.zpRow .zpColumn{
margin-bottom:1em}
div.zpRow .zpColumn,
.zpColumnItem{
box-sizing:border-box;
max-width:100%}
.zpColumnItem{
width:100%}
div.zpRow .zpColumn{
padding:0 15px}
.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}
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}
@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 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}
}
@media(max-width:479px){
.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}
}
@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}
}
body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews){
padding-top:30px;
padding-bottom:30px}
body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews)+.zpContainer:not(.zpBreakout){
margin-top:30px}
body:not(.withnews) .zpBreakout:not(.hasNews) .zpRow{
width:100%;
margin:0 auto;
float:none}
.responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews){
width:calc(100vw - 9px);
margin-left:calc(-50vw + 50%);
box-sizing:border-box;
padding:30px 0 30px 9px}
.responsivelayout.supportsbreakout body.touch:not(.withnews) .zpContainer.zpBreakout:not(.hasNews){
width:100vw}
.responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews)+.zpContainer:not(.zpBreakout){
margin-top:30px}
.responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews)>.zpRow{
max-width:830px}
.responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews)+.zpRow{
margin-top:30px}
.responsivelayout.supportsbreakout body:not(.withnews) .span8 .zpContainer.zpBreakout:not(.hasNews){
margin-left:calc(-50vw + 77%)}
.supportsbreakout body:not(.withnews) .zpColumn.c12 .zpBreakout:not(.hasNews){
width:calc(100vw - 9px);
margin-left:calc(-50vw + 50%);
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.copiedlayout{
margin-left:-15px;
margin-right:-15px}
.zparea img:not(.zplogo):not(.limitsvg)[src$=".svg"]{
width:auto}
.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%);
opacity:0;
-webkit-transition:opacity 1000ms ease-out 500ms,
transform 500ms ease-out 200ms;
transition:opacity 1000ms ease-out 500ms,
transform 500ms ease-out 200ms}
.js body:not(.zpreducemotion) .zpanimate.slideleft.show{
-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%);
opacity:0;
-webkit-transition:opacity 1000ms ease-out 500ms,
transform 500ms ease-out 200ms;
transition:opacity 1000ms ease-out 500ms,
transform 500ms ease-out 200ms}
.js body:not(.zpreducemotion) .zpanimate.slideright.show{
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
opacity:1}
.js body:not(.zpreducemotion) .zpanimate.fadein{
opacity:0;
-webkit-transition:opacity 1000ms ease-in;
transition:opacity 1000ms ease-in}
.js body:not(.zpreducemotion) .zpanimate.fadein.show{
opacity:1}
.js body:not(.zpreducemotion) .zpanimate.floatin{
-webkit-transform:translateY(100%);
-ms-transform:translateY(100%);
transform:translateY(100%);
opacity:0;
-webkit-transition:opacity 2500ms ease-out 500ms,
transform 1500ms ease-out 200ms;
transition:opacity 2500ms ease-out 500ms,
transform 1500ms ease-out 200ms}
.js body:not(.zpreducemotion) .zpanimate.floatin.show{
-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}
@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)}
}
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}
}
.zp-form.zp14 .recaptchatable,
.zp-shopform .recaptchatable,
.zpsajaxmodal .recaptchatable{
background-color:#000}
.zp-form.zp14 .resizablefield.fieldinnewline,
.zp-shopform .resizablefield.fieldinnewline,
.zpsajaxmodal .resizablefield.fieldinnewline{
clear:both}
.zp-form.zp14 label#recaptchalabel,
.zp-shopform label#recaptchalabel,
.zpsajaxmodal label#recaptchalabel,
.zp-form.zp14 label#recaptchalabel.multiline.field,
.zp-shopform label#recaptchalabel.multiline.field,
.zpsajaxmodal label#recaptchalabel.multiline.field,
.zp-form.zp14 #recaptcha_widget_div,
.zp-shopform #recaptcha_widget_div,
.zpsajaxmodal #recaptcha_widget_div,
.zp-form.zp14 div.g-recaptcha,
.zp-shopform div.g-recaptcha,
.zpsajaxmodal div.g-recaptcha{
padding-left:15px;
padding-right:15px}
.zp-form.zp14 input.typetext,
.zp-shopform input.typetext,
.zpsajaxmodal input.typetext{
vertical-align:middle;
box-sizing:border-box;
height:2.5rem;
line-height:2.5rem;
padding:0 15px;
color:#333;
background:#000;
border:1px solid #9A9A9A;
border:1px solid rgba(0,
0,
0,
0.4)}
.zp-form.zp14 input,
.zp-shopform input,
.zpsajaxmodal input,
.zp-form.zp14 textarea,
.zp-shopform textarea,
.zpsajaxmodal textarea,
.zp-form.zp14 select,
.zp-shopform select,
.zpsajaxmodal select{
font-family:inherit;
font-size:inherit}
.zp-form.zp14 input.typetext,
.zp-shopform input.typetext,
.zpsajaxmodal input.typetext,
.zp-form.zp14 textarea,
.zp-shopform textarea,
.zpsajaxmodal textarea,
.zp-form.zp14 select,
.zp-shopform select,
.zpsajaxmodal select{
color:#333;
background:#000;
border:1px solid #9A9A9A;
border:1px solid rgba(0,
0,
0,
0.4)}
.zp-form.zp14 select,
.zp-shopform select,
.zpsajaxmodal 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{
background-image:none}
.zp-form.zp14 select::-ms-expand,
.zp-shopform select::-ms-expand,
.zpsajaxmodal select::-ms-expand{
display:none}
.zp-form.zp14 input.typetext.error,
.zp-shopform input.typetext.error,
.zpsajaxmodal input.typetext.error,
.zp-form.zp14 textarea.typetext.error,
.zp-shopform textarea.typetext.error,
.zpsajaxmodal textarea.typetext.error,
.zp-form.zp14 select.error,
.zp-shopform select.error,
.zpsajaxmodal select.error{
border:1px solid red}
.zp-form.zp14 .error-text,
.zp-shopform .error-text,
.zpsajaxmodal .error-text{
clear:both;
display:block;
margin-bottom:1em;
color:red}
.zp-form.zp14.autohidelabels .resizablefield,
.zp-shopform.autohidelabels .resizablefield,
.zpsajaxmodal.autohidelabels .resizablefield{
position:relative}
.zp-form.zp14.autohidelabels .resizablefield.nofloat,
.zp-shopform.autohidelabels .resizablefield.nofloat,
.zpsajaxmodal.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,
.zp-form.zp14.autohidelabels .resizablefield textarea+.error-text,
.zp-shopform.autohidelabels .resizablefield textarea+.error-text,
.zpsajaxmodal.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{
margin-top:-0.8em}
.zp-form.zp14.autohidelabels .resizablefield.zpradio,
.zp-shopform.autohidelabels .resizablefield.zpradio,
.zpsajaxmodal.autohidelabels .resizablefield.zpradio,
.zp-form.zp14.autohidelabels .resizablefield.zpcheckbox,
.zp-shopform.autohidelabels .resizablefield.zpcheckbox,
.zpsajaxmodal.autohidelabels .resizablefield.zpcheckbox,
.zp-form.zp14.autohidelabels .resizablefield.zpfile,
.zp-shopform.autohidelabels .resizablefield.zpfile,
.zpsajaxmodal.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,
.zp-form.zp14.autohidelabels .resizablefield.zpcheckbox label.field.default,
.zp-shopform.autohidelabels .resizablefield.zpcheckbox label.field.default,
.zpsajaxmodal.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{
margin-top:0}
.zp-form.zp14.autohidelabels .resizablefield label:not(.default),
.zp-shopform.autohidelabels .resizablefield label:not(.default),
.zpsajaxmodal.autohidelabels .resizablefield label:not(.default){
position:absolute;
top:10px;
left:30px;
font-size:.8em;
color:#333;
opacity:.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,
.zp-form.zp14.autohidelabels .resizablefield select,
.zp-shopform.autohidelabels .resizablefield select,
.zpsajaxmodal.autohidelabels .resizablefield select,
.zp-form.zp14.autohidelabels .resizablefield textarea,
.zp-shopform.autohidelabels .resizablefield textarea,
.zpsajaxmodal.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{
padding:30px 15px 10px 15px}
.zp-form.zp14.autohidelabels .resizablefield label.zpmultilineselect,
.zp-shopform.autohidelabels .resizablefield label.zpmultilineselect,
.zpsajaxmodal.autohidelabels .resizablefield label.zpmultilineselect{
background:#000;
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{
min-height:0;
padding:5px 15px 5px 15px}
.zp-form.zp14.autohidelabels .resizablefield textarea,
.zp-shopform.autohidelabels .resizablefield textarea,
.zpsajaxmodal.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{
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{
margin:0 0 1em 0}
.zp-form.zp14.autohidelabels .resizablefield.nolabel label,
.zp-shopform.autohidelabels .resizablefield.nolabel label,
.zpsajaxmodal.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{
padding:10px 15px 10px 15px}
.zp-form.zp14.autohidelabels .resizablefield.nolabel textarea,
.zp-shopform.autohidelabels .resizablefield.nolabel textarea,
.zpsajaxmodal.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{
color:#333;
opacity:.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{
color:#333;
opacity:.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{
color:#333;
opacity:.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{
color:rgba(51,
51,
51,
0.7)}
.zp-form.zp14.autohidelabels .resizablefield input.typetext::placeholder,
.zp-shopform.autohidelabels .resizablefield input.typetext::placeholder,
.zpsajaxmodal.autohidelabels .resizablefield input.typetext::placeholder{
color:#333;
opacity:.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{
color:#333;
opacity:.7}
.zp-form.zp14.autohidelabels .resizablefield textarea:-moz-placeholder,
.zp-shopform.autohidelabels .resizablefield textarea:-moz-placeholder,
.zpsajaxmodal.autohidelabels .resizablefield textarea:-moz-placeholder{
color:#333;
opacity:.7}
.zp-form.zp14.autohidelabels .resizablefield textarea::-moz-placeholder,
.zp-shopform.autohidelabels .resizablefield textarea::-moz-placeholder,
.zpsajaxmodal.autohidelabels .resizablefield textarea::-moz-placeholder{
color:#333;
opacity:.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{
color:rgba(51,
51,
51,
0.7)}
.zp-form.zp14.autohidelabels .resizablefield textarea::placeholder,
.zp-shopform.autohidelabels .resizablefield textarea::placeholder,
.zpsajaxmodal.autohidelabels .resizablefield textarea::placeholder{
color:#333;
opacity:.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{
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{
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{
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{
color:rgba(51,
51,
51,
0)}
.zp-form.zp14.autohidelabels:not(.placeholder) input.typetext::placeholder,
.zp-shopform.autohidelabels:not(.placeholder) input.typetext::placeholder,
.zpsajaxmodal.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{
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{
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{
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{
color:rgba(51,
51,
51,
0)}
.zp-form.zp14.autohidelabels:not(.placeholder) textarea::placeholder,
.zp-shopform.autohidelabels:not(.placeholder) textarea::placeholder,
.zpsajaxmodal.autohidelabels:not(.placeholder) textarea::placeholder{
opacity:0}
.zpclearfix:after{
content:"";
display:table;
clear:both}
@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:#000;
background-image:none}
.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}
body{
background:#000;
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}
}
.zpRow.quelltext{
margin:0}
#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:0;
display:none;
box-sizing:content-box}
#fancybox-outer{
position:relative;
width:100%;
height:100%;
border-radius:5px}
#fancybox-content{
width:0;
height:0;
padding:0;
outline:0;
position:relative;
overflow:hidden;
z-index:7102;
border:0 solid #000;
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 0;
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:0;
outline:0;
line-height:0;
vertical-align:top}
#fancybox-frame{
width:100%;
height:100%;
border:0;
display:block}
#fancybox-left,
#fancybox-right{
position:absolute;
bottom:0;
height:100%;
width:35%;
cursor:pointer;
outline:0;
background:transparent url('js/fancybox/blank.gif');
z-index:7102;
display:none}
#fancybox-left{
left:0}
#fancybox-right{
right:0}
#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}
#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%}
#fancybox-bg-ne{
top:-20px;
right:-20px;
background-position:-40px -162px}
#fancybox-bg-e{
top:0;
right:-20px;
height:100%;
background-position:-20px 0}
#fancybox-bg-se{
bottom:-20px;
right:-20px;
background-position:-40px -182px}
#fancybox-bg-s{
bottom:-20px;
left:0;
width:100%;
background-position:0 -20px}
#fancybox-bg-sw{
bottom:-20px;
left:-20px;
background-position:-40px -142px}
#fancybox-bg-w{
top:0;
left:-20px;
height:100%}
#fancybox-bg-nw{
top:-20px;
left:-20px;
background-position:-40px -122px}
#fancybox-title{
z-index:7102}
.fancybox-title-inside{
color:#000;
position:relative}
.fancybox-title-outside{
padding-top:10px;
color:#000}
.fancybox-title-over{
position:absolute;
bottom:0;
left:0;
color:#000;
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:0;
border-collapse:collapse;
width:auto}
#fancybox-title-float-wrap td{
border:0;
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:#000;
line-height:29px;
font-weight:bold;
padding:0 0 3px 0;
background:url('js/fancybox/fancybox-x.png') 0 -40px}
#fancybox-title-float-right{
padding:0 0 0 15px;
background:url('js/fancybox/fancybox.png') -55px -90px no-repeat}
/*! $Id: zpsearch.css 68508 2018-11-05 12:11:29Z sseiz $ */
.SO-SiteSearchResult{
margin-bottom:1em}
.zpwSuche p.restitle{
opacity:.75;
margin-bottom:1em!important}
.SO-SiteSearchResult h3{
margin:0}
.zpwSuche .rescount{
opacity:.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:#333;
background:#000;
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}
html{
box-sizing:border-box}
*,
*:before,
*:after{
box-sizing:inherit}
body{
margin:0 auto;
font-family:'Inter ExtraLight';
font-size:1em;
line-height:1.4;
color:#333;
background-color:#000}
h1,
h2,
h3,
h4,
h5,
h6,
p,
#webtext,
#footer{
-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}
h1{
font-family:'Inter ExtraLight';
font-size:44px;
color:#FFFFFF;
font-weight:normal;
margin-top:0;
margin-bottom:10px}
h2{
font-family:'Inter ExtraLight';
font-size:36px;
color:#FFFFFF;
font-weight:normal;
margin-top:10px;
margin-bottom:10px}
h3,
h4{
font-family:'Inter ExtraLight';
font-size:30px;
color:#000000;
font-weight:normal;
margin-top:10px;
margin-bottom:10px}
h5,
h6{
font-family:'Inter ExtraLight';
font-size:30px;
color:#FFFFFF;
font-weight:normal;
margin-top:10px;
margin-bottom:10px}
p,
ul{
margin:0 0 10px}
ul:not(.zpnodefaults):not(.slides):not(.zp13slider):not(.zp13carousel):not(.zpnavmainmenu),
ol:not(.zpnodefaults):not(.slides){
margin:0 0 10px 30px;
padding:0}
ul:not(.zpnodefaults):not(.slides):not(.zp13slider):not(.zp13carousel):not(.zpnavmainmenu) li{
margin:0 0 10px 0;
list-style:square}
ol:not(.zpnodefaults):not(.slides) li{
margin:0 0 10px 0;
list-style:decimal}
.zpColumnItem:first-child h1:first-child,
.zpColumnItem:first-child h2:first-child,
.zpColumnItem:first-child h3:first-child,
.zpColumnItem:first-child h4:first-child,
.zpColumnItem:first-child h5:first-child,
.zpColumnItem:first-child h6:first-child{
margin-top:0}
.zpColumnItem:last-child h1:last-child,
.zpColumnItem:last-child h2:last-child,
.zpColumnItem:last-child h3:last-child,
.zpColumnItem:last-child h4:last-child,
.zpColumnItem:last-child h5:last-child,
.zpColumnItem:last-child h6:last-child,
.zpColumnItem:last-child p:last-child,
.zpColumnItem:last-child a.button:last-child,
.zpColumnItem:last-child ul:last-child,
.zpColumnItem:last-child ol:last-child{
margin-bottom:0}
img{
border-style:none}
a:not(.button){
color:#565656;
text-decoration:none}
a:hover:not(.button){
text-decoration:underline}
a.button,
#banner a.button,
#afterfooter a.button,
input.button,
.zp-form input.button,
.zp-form input[type=submit]{
display:inline-block;
margin:4px 10px 30px 0;
padding:0;
font-family:'Inter ExtraLight';
font-size:1em;
font-weight:normal;
text-decoration:none;
text-transform:uppercase;
text-align:center;
text-shadow:none;
line-height:normal;
color:#000;
border:1px solid #D3D3D3;
border:1px solid rgba(13,
110,
253,
0.5);
background-color:#D3D3D3;
background-image:-webkit-gradient(linear,
left top,
left bottom,
color-stop(0%,
#D3D3D3),
color-stop(50%,
#D3D3D3));
background-image:-webkit-linear-gradient(top,
#D3D3D3 0,
#D3D3D3 50%);
background-image:linear-gradient(to bottom,
#D3D3D3 0,
#D3D3D3 50%)}
a.button:hover,
#banner a.button:hover,
#afterfooter a.button:hover,
input.button:hover,
.zp-form input.button:hover,
.zp-form input[type=submit]:hover{
color:#000000;
text-decoration:none;
border:1px solid #D3D3D3;
border:1px solid rgba(255,
255,
255,
0.5);
background-color:#000;
background-image:-webkit-gradient(linear,
left top,
left bottom,
color-stop(0%,
#000),
color-stop(50%,
#000));
background-image:-webkit-linear-gradient(top,
#000 0,
#000 50%);
background-image:linear-gradient(to bottom,
#000 0,
#000 50%)}
a.button span,
#banner a.button span,
#afterfooter a.button span,
input.button,
.zp-form input.button,
.zp-form input[type=submit]{
display:block;
margin:0;
padding:8px 15px}
.zp-form select{
border-radius:0}
.zp-form input[type=submit]{
margin-top:20px}
section#banner{
margin-left:auto;
margin-right:auto;
background-color:transparent;
font-family:'Inter ExtraLight';
font-size:1em;
line-height:1.4;
color:#FFFFFF}
section#banner p:not(:last-child){
margin-bottom:10px}
section#banner a:not(.button){
color:#D3D3D3;
text-decoration:none}
section#banner a:not(.button):hover{
color:#000000;
text-decoration:underline}
section#banner h1,
section#banner h2,
section#banner h3,
section#banner h4,
section#banner h5,
section#banner h6{
font-family:'Inter ExtraLight';
font-size:1.9em;
font-weight:lighter;
color:#FFFFFF}
header{
display:table;
width:100%;
position:relative;
z-index:6;
clear:both;
margin:0 auto 0 auto;
padding:2.5em 0 1em 0;
line-height:69px}
header a#logo{
display:table-cell;
vertical-align:top;
padding-right:20px;
line-height:0;
width:213px}
header a#logo img{
max-width:100%;
height:auto}
nav{
display:table-cell;
vertical-align:top;
text-align:right;
z-index:20;
height:69px;
max-height:69px;
min-width:81px}
nav>ul li.overflownonly{
display:none}
nav>ul.overflown li.overflownonly{
display:inline-block;
position:absolute;
top:0;
right:0}
nav>ul{
display:block;
max-height:69px;
position:relative;
margin-bottom:0;
padding:0;
word-spacing:-4px;
width:100%;
font-size:11pt}
nav>ul>li{
word-spacing:normal;
margin-right:1px}
nav>ul>li:last-child{
margin-right:0}
nav>ul>li.open>a{
background-color:#000;
color:#FFFFFF}
nav>ul li{
display:inline-block;
line-height:69px;
padding:0;
position:relative;
vertical-align:top}
nav>ul li a:not(.button){
height:69px;
-webkit-transition:background-color .2s ease-in-out,
color .2s ease-in-out;
transition:background-color .2s ease-in-out,
color .2s ease-in-out;
color:#FFFFFF;
display:block;
margin:0;
padding:0 1em;
text-decoration:menu1-inactive-decoration;
text-indent:.125em;
text-transform:uppercase;
background-color:#000}
nav>ul li a:not(.button).active{
background-color:#000;
color:#FFFFFF;
text-decoration:underline}
nav>ul ul{
position:absolute;
top:100%;
left:0;
right:auto;
display:none;
z-index:5;
margin:0;
padding:0;
background-color:#000}
nav>ul ul.hidden{
display:none}
nav>ul ul ul{
position:absolute;
top:0;
left:100%;
right:auto}
nav>ul.overflown li:not(.overflownonly):not(.logo){
display:none}
nav li.haschilds>a:not(.button),
nav .dropdown-menu li.haschilds{
padding-right:2.5em}
nav li.haschilds>a:not(.button):after,
nav .dropdown-menu li.haschilds>a:not(.button):after{
content:'';
box-sizing:content-box;
position:absolute;
z-index:2;
top:50%;
margin-top:-0.3em;
left:auto;
right:1em;
height:.5em;
width:.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%}
nav li.haschilds.clicked>a:not(.button):after{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)}
nav>ul>li.haschilds>a:not(.button):after{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)}
nav>ul>li.haschilds.clicked>a:not(.button):after{
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg)}
nav ul li a#mobilenavtoggle{
white-space:nowrap}
nav ul ul li{
display:block;
border:0;
line-height:2em}
nav ul ul li a:not(.button){
height:auto;
text-align:left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}
nav:not(.on)>ul ul{
box-shadow:0 0 5px rgba(0,
0,
0,
0.2)}
nav:not(.on) li.overflowing{
visibility:hidden}
nav.on{
max-height:none;
max-width:100%;
padding-bottom:0;
background-color:#000;
text-align:left;
position:relative}
nav.on>ul li.overflownonly{
position:absolute;
top:-79px;
right:0;
width:auto}
nav.on>ul.overflown li.overflownonly,
nav.on>ul.overflown li.overflownonly a:not(.button){
border-top:0}
nav.on ul{
max-height:none}
nav.on ul li{
display:block!important;
border:0}
nav.on ul ul{
margin-left:1em;
position:static;
top:auto;
left:auto;
right:auto;
bottom:auto}
nav.on li.open>ul:not(.hidden){
display:block}
nav.on ul li>a:not(#mobilenavtoggle):not(.logo){
line-height:3.5em;
height:auto;
letter-spacing:normal;
position:relative}
nav.on li.haschilds>a:not(.button):after,
nav.on .dropdown-menu li.haschilds>a:not(.button):after{
content:'';
box-sizing:content-box;
position:absolute;
z-index:2;
top:50%;
margin-top:-0.25em;
right:15px;
height:.5em;
width:.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(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)}
nav.on li.haschilds.open>a:not(.button):after,
nav.on li.haschilds.clicked>a:not(.button):after{
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg)}
nav.on>ul{
background-color:#000;
width:auto;
max-width:100%;
min-width:290px;
position:absolute;
top:79px;
right:0;
z-index:10;
display:block;
max-height:none;
box-shadow:0 0 5px rgba(0,
0,
0,
0.2)}
nav.on>ul>li:not(.logo):not(.overflownonly):not(:first-child){
border-top:solid 1px #d9d9d9}
nav.on>ul.overflown li.overflownonly{
display:inline-block!important}
.notouch header nav>ul li a:not(.button):hover,
.notouch header nav>ul li a:not(.button).active:hover{
background-color:#000;
color:#D3D3D3;
text-decoration:underline}
.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:not(.hidden){
display:block}
.notouch header nav:not(.on)>ul ul{
left:auto;
right:0}
.notouch header nav:not(.on)>ul ul ul{
left:auto;
right:100%}
.notouch header nav:not(.on) li li.haschilds>a:not(.button),
.notouch header nav:not(.on) .dropdown-menu li li.haschilds>a:not(.button){
padding-left:2.5em;
padding-right:1em}
.notouch header nav:not(.on) li li.haschilds>a:not(.button):after,
.notouch header nav:not(.on) .dropdown-menu li li.haschilds>a:not(.button):after{
left:1em;
right:auto;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)}
.notouch header nav:not(.on) li li.haschilds:hover>a:not(.button):after,
.notouch header nav:not(.on) .dropdown-menu li li.haschilds:hover>a:not(.button):after{
-webkit-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
transform:rotate(-135deg)}
#webtext{
margin:.2em auto 2.5em auto;
padding:0;
text-align:left;
z-index:2}
#webtext.replacelogo{
display:table-cell;
vertical-align:top;
padding:0 20px 0 0;
margin:0;
line-height:1}
#webtext a#webname{
font-family:'Inter ExtraLight';
font-size:1.5em;
color:#FFFFFF;
font-weight:lighter;
font-style:normal;
text-transform:none;
line-height:1;
text-decoration:none}
#webtext a#webname:hover{
text-decoration:none}
#webtext #webslogan{
margin:0!important;
font-family:'Inter ExtraLight';
font-size:.9em;
color:#FFFFFF;
font-weight:normal;
font-style:normal;
text-transform:uppercase;
line-height:1.4}
#slider{
overflow:hidden;
font-family:'Inter ExtraLight';
font-size:22px;
color:#000000;
background-color:#E8E8E8;
line-height:0;
border-top:0!important;
text-align:center;
text-shadow:1px 1px 0 #000}
#slider h1,
#slider h2,
#slider h3,
#slider h4,
#slider h5,
#slider h6{
font-family:'Inter ExtraLight';
font-size:3em;
font-weight:normal;
line-height:1.3;
color:#000000;
text-shadow:1px 1px 0 #000;
margin:0}
#slider p{
margin:0 0 .5em 0}
#slider a:not(.button){
color:#D3D3D3;
text-decoration:underline}
#slider a:not(.button):hover{
color:#D3D3D3;
text-decoration:underline}
#slider>:last-child{
margin-bottom:0}
#slider .slides>li{
position:relative}
#slider .slides>li img{
height:auto}
#slider .slides>li div.captionwrapper{
width:100%;
margin:0;
padding-bottom:27.272727273%}
#slider .flex-caption{
line-height:1.5;
background-color:transparent;
position:absolute;
width:90%;
max-height:90%;
padding:1em 15px;
left:50%;
top:50%;
-webkit-transform:translate(-50%,
-50%);
-ms-transform:translate(-50%,
-50%);
transform:translate(-50%,
-50%);
overflow:auto}
#slider .flexslider{
box-shadow:none;
z-index:5}
#slider .flex-direction-nav{
list-style:none!important;
margin:0!important}
#slider .flex-direction-nav li{
margin:0}
#slider .flex-direction-nav a{
color:#000000;
background:transparent;
border:0;
width:30px;
height:40px;
margin:-20px 0 0;
text-align:left;
text-decoration:none;
text-shadow:1px 0 0 #000}
#slider .flex-direction-nav a.flex-prev{
text-shadow:-1px 0 0 #000}
#slider .flex-direction-nav a:hover{
color:inherit;
opacity:.7;
text-decoration:none;
border:0}
#slider .flex-direction-nav a:before{
content:"⟨";
font-family:'Inter ExtraLight';
font-size:40px;
font-weight:bold;
line-height:1;
position:absolute;
top:0;
left:0;
width:30px;
height:40px;
text-indent:0;
text-align:center;
border:0;
text-decoration:none}
#slider .flex-direction-nav .flex-next:before,
#slider .flex-direction-nav .next:before{
content:"⟩"}
#slider .flex-control-nav{
z-index:10;
bottom:4px}
#slider .flex-control-paging li{
margin:0 5px;
padding:0}
#slider .flex-control-paging li a{
width:15px;
height:15px;
background:rgba(0,
0,
0,
0.4);
box-shadow:0 0 2px rgba(0,
0,
0,
0.4)}
#slider .flex-control-paging li a.flex-active{
background:rgba(0,
0,
0,
0.7)}
#slider .flexslider .flex-direction-nav .flex-prev,
#slider .flexslider:hover .flex-direction-nav .flex-prev,
#slider .flexslider .flex-direction-nav .prev,
#slider .flexslider:hover .flex-direction-nav .prev{
opacity:1;
left:10px}
@media screen and (max-width:860px){
#slider .flexslider .flex-direction-nav .flex-prev,
#slider .flexslider:hover .flex-direction-nav .flex-prev,
#slider .flexslider .flex-direction-nav .prev,
#slider .flexslider:hover .flex-direction-nav .prev{
left:0}
}
#slider .flexslider .flex-direction-nav .flex-next,
#slider .flexslider:hover .flex-direction-nav .flex-next,
#slider .flexslider .flex-direction-nav .next,
#slider .flexslider:hover .flex-direction-nav .next{
opacity:1;
right:10px}
@media screen and (max-width:860px){
#slider .flexslider .flex-direction-nav .flex-next,
#slider .flexslider:hover .flex-direction-nav .flex-next,
#slider .flexslider .flex-direction-nav .next,
#slider .flexslider:hover .flex-direction-nav .next{
right:0}
}
.zpContainer{
margin-top:0!important;
margin-bottom:0!important;
padding:4em 0!important}
div.zpRow,
body:not(.withnews) .zpBreakout:not(.hasNews) .zpRow{
max-width:100%;
margin-left:auto;
margin-right:auto;
margin-top:calc(30px - 1em)}
div.zpRow:first-child{
margin-top:0!important}
div.zpRow:first-child .zpColumn{
margin-top:0!important}
div.zpRow:last-child{
margin-bottom:0!important}
div.zpRow:last-child .zpColumn{
margin-bottom:0!important}
main{
display:block}
#content,
#news{
margin:0 auto;
font-family:'Inter ExtraLight';
font-size:1em;
line-height:1.5;
color:#000000}
#content a:not(.button),
#news a:not(.button){
color:#565656;
text-decoration:none;
font-weight:normal}
#content a:not(.button):hover,
#news a:not(.button):hover{
color:#808080;
text-decoration:underline}
#content h1 a:not(.button),
#news h1 a:not(.button),
#content h2 a:not(.button),
#news h2 a:not(.button),
#content h3 a:not(.button),
#news h3 a:not(.button){
font-weight:inherit}
#content .zpContainer,
#news .zpContainer{
background:radial-gradient(ellipse at bottom center,
0%,
transparent 50%) bottom center / 133% 8em no-repeat,
url(../assets/stock-images/hr.png) bottom center no-repeat}
#content{
margin-top:0}
#breadcrumb{
margin:2em auto 0 auto;
font-size:1em;
color:#000000}
#breadcrumb a:not(.button){
color:#D3D3D3;
text-decoration:none}
#breadcrumb a:not(.button):hover{
color:#808080;
text-decoration:underline}
.plain #content{
float:none;
width:auto}
footer{
position:relative;
z-index:2;
margin-left:auto;
margin-right:auto;
padding:4em 0;
background-color:transparent;
font-family:'Inter ExtraLight';
font-size:1em;
line-height:1.4;
color:#FFFFFF}
footer #afterfooter,
footer #search,
footer #xmenu{
margin-left:auto;
margin-right:auto}
footer p:not(:last-child){
margin-bottom:10px}
footer a:not(.button){
color:#D3D3D3;
text-decoration:none}
footer a:not(.button):hover{
color:#D3D3D3;
text-decoration:underline}
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6{
font-family:'Inter ExtraLight';
font-size:1.9em;
font-weight:lighter;
color:#000000}
section#afterfooter{
margin-top:-4em;
margin-bottom:4em}
#search{
box-sizing:border-box;
padding-left:3vw;
padding-right:3vw;
margin:0 auto 30px auto;
overflow:hidden;
width:100%!important}
#search #zpsearchform{
margin:0 auto;
padding:0;
width:100%;
height:44px;
max-width:510px;
position:relative}
#search #zpsearchform #zpsearchfield{
box-sizing:border-box;
margin:0;
padding:6px 30px 6px 10px;
width:100%;
height:44px;
font-size:1em;
line-height:28px;
color:#000000;
background-color:transparent;
border:1px solid #e0e0e0;
position:absolute;
top:0;
left:0;
-webkit-appearance:none;
border-radius:0}
#search #zpsearchform #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;
border-radius:0}
#xmenu{
font-size:1em;
text-align:center}
#xmenu>a:not(.button){
padding:.25em;
color:#D3D3D3;
text-decoration:none}
#xmenu>a:hover:not(.button){
color:#D3D3D3;
text-decoration:underline}
#copyright{
text-align:center}
#copyright a:not(.button){
color:#D3D3D3;
text-decoration:none}
#copyright a:not(.button):hover{
color:#D3D3D3;
text-decoration:underline}
.clearfix:after{
content:"";
display:table;
clear:both}
.zpgrid{
margin-left:-15px;
margin-right:-15px}
header,
#webtext,
#breadcrumb,
#banner,
#content,
#news,
#footer{
max-width:800px}
@media screen and (max-width:830px){
header,
#webtext,
#breadcrumb,
#banner,
#content,
#news,
#footer{
padding-left:15px;
padding-right:15px}
}
@media screen and (max-width:736px){
#slider .flex-caption h1,
#slider .flex-caption h2,
#slider .flex-caption h3{
font-size:2.1em}
}
@media screen and (max-width:640px){
.objectfit #slider .flex-container{
padding-bottom:75%!important}
.objectfit #slider .slides>li img{
width:100%;
height:75vw;
object-fit:cover}
.objectfit #slider .slides>li .captionwrapper{
height:75vw}
}
@media print{
@page:left,
@page:right{
margin:1cm 2cm}
body{
margin:1cm 2cm;
max-width:21cm!important;
padding:0;
font-size:12pt;
line-height:1.4;
color:black;
background-color:#000;
background-image:none}
#content .zpContainer,
#news .zpContainer{
background:transparent}
.zpContainer,
.zpBreakout,
.zpContainer.zpBreakout{
width:auto!important;
max-width:100%!important;
padding-left:0!important;
margin-left:0!important}
#content .zparea .zpContainer:first-child{
padding-top:0!important}
#content .zparea .zpContainer:last-child{
padding-bottom:0!important}
header,
#webtext,
#content,
#news,
#banner,
#footer,
div.zpRow,
body:not(.withnews) .zpBreakout:not(.hasNews) .zpRow{
max-width:100%!important}
header{
padding-top:0}
.noprint,
nav,
#search,
#xmenu{
display:none!important}
}
/*! $Id: singleimage.less 58451 2018-03-20 15:13:39Z sseiz $ */
.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%}