.zgmap {
    max-width: 100%;
    border: 0
}

/*! $Id: zpgrid.less 59729 2018-04-17 10:11:12Z sseiz $ */
div.zpRow {
    margin-bottom: 15px
}

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 {
    border: none !important;
    box-shadow: none !important
}

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,
    .responsivelayout div.zpRow .zpColumn.c2,
    .responsivelayout .zpColumnItem.c2,
    .responsivelayout .zp-form .c2,
    .responsivelayout .zpgrid .c2,
    .responsivelayout div.zpRow .zpColumn.c3,
    .responsivelayout .zpColumnItem.c3,
    .responsivelayout .zp-form .c3,
    .responsivelayout .zpgrid .c3,
    .responsivelayout div.zpRow .zpColumn.c4,
    .responsivelayout .zpColumnItem.c4,
    .responsivelayout .zp-form .c4,
    .responsivelayout .zpgrid .c4,
    .responsivelayout div.zpRow .zpColumn.c5,
    .responsivelayout .zpColumnItem.c5,
    .responsivelayout .zp-form .c5,
    .responsivelayout .zpgrid .c5,
    .responsivelayout div.zpRow .zpColumn.c6,
    .responsivelayout .zpColumnItem.c6,
    .responsivelayout .zp-form .c6,
    .responsivelayout .zpgrid .c6,
    .responsivelayout div.zpRow .zpColumn.c7,
    .responsivelayout .zpColumnItem.c7,
    .responsivelayout .zp-form .c7,
    .responsivelayout .zpgrid .c7,
    .responsivelayout div.zpRow .zpColumn.c8,
    .responsivelayout .zpColumnItem.c8,
    .responsivelayout .zp-form .c8,
    .responsivelayout .zpgrid .c8,
    .responsivelayout div.zpRow .zpColumn.c9,
    .responsivelayout .zpColumnItem.c9,
    .responsivelayout .zp-form .c9,
    .responsivelayout .zpgrid .c9,
    .responsivelayout div.zpRow .zpColumn.c10,
    .responsivelayout .zpColumnItem.c10,
    .responsivelayout .zp-form .c10,
    .responsivelayout .zpgrid .c10,
    .responsivelayout div.zpRow .zpColumn.c11,
    .responsivelayout .zpColumnItem.c11,
    .responsivelayout .zp-form .c11,
    .responsivelayout .zpgrid .c11,
    .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 {
        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: 15px;
    padding-bottom: 15px
}

body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews)+.zpContainer:not(.zpBreakout) {
    margin-top: 15px
}

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: 15px 0 15px 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: 15px
}

.responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews)>.zpRow {
    max-width: 970px
}

.responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews)+.zpRow {
    margin-top: 15px
}

.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%;
    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: #fff
}

.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: #fff;
    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: #fff;
    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 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: #fff;
    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: 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: #fff;
            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: #fff;
            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
        }
    }

    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
    }

    .zpWeatherWidgetMD.left {
        margin-left: 0;
        margin-right: 0
    }

    .zpWeatherWidgetMD.right {
        margin-left: auto;
        margin-right: 0
    }

    .zpWeatherWidgetMD.center {
        margin-left: auto;
        margin-right: auto
    }

    .zpWeatherWidgetMD {
        background-color: rgba(0, 0, 0, 0.5);
        padding: 10px;
        color: #fff;
        text-align: center;
        max-width: 400px;
        opacity: 0;
        -webkit-transition: opacity 400ms;
        transition: opacity 400ms
    }

    .zpWeatherWidgetMD.loaded {
        opacity: 1
    }

    .zpWeatherWidgetMD p.currenttemp {
        color: inherit !important;
        font-size: 2em !important;
        margin: 0 !important;
        text-align: center !important;
        line-height: 1.2 !important
    }

    .zpWeatherWidgetMD .in1day,
    .zpWeatherWidgetMD .in2days {
        width: 40%;
        display: inline-block;
        min-width: 6em;
        margin-top: 1.5em;
        line-height: 1 !important
    }

    .zpWeatherWidgetMD .in1day p,
    .zpWeatherWidgetMD .in2days p {
        color: inherit !important;
        margin: 0 0 .6em 0 !important;
        text-align: center !important;
        line-height: 1.2 !important
    }

    .zpWeatherWidgetMD .credits {
        color: inherit !important;
        margin: 1.5em 0 0 0;
        text-align: center !important;
        line-height: 1.2 !important
    }

    .zpWeatherWidgetMD .credits a {
        color: inherit !important;
        text-decoration: none !important;
        font-size: .6em !important
    }

    .zpWeatherWidgetMD img {
        border: 0 !important;
        box-shadow: none !important
    }

    .zpWeatherWidgetMD .wIcon {
        margin: 0 auto;
        width: 100px;
        height: 100px;
        background-repeat: no-repeat;
        background-image: url(weather-sprite.png)
    }

    @media only screen and (-webkit-min-device-pixel-ratio:2),
    only screen and (min-device-pixel-ratio:2) {
        .zpWeatherWidgetMD .wIcon {
            background-image: url(weather-sprite@2x.png);
            background-size: 100px 2000px
        }
    }

    .zpWeatherWidgetMD[data-isdark="true"] .wIcon {
        background-image: url(weather-sprite-dark.png)
    }

    @media only screen and (-webkit-min-device-pixel-ratio:2),
    only screen and (min-device-pixel-ratio:2) {
        .zpWeatherWidgetMD[data-isdark="true"] .wIcon {
            background-image: url(weather-sprite-dark@2x.png)
        }
    }

    .zpWeatherWidgetMD .wIcon.small {
        width: 50px;
        height: 50px;
        margin-bottom: .6em;
        background-size: 50px 1000px;
        background-image: url(weather-sprite.png)
    }

    .zpWeatherWidgetMD[data-isdark="true"] .wIcon.small {
        background-image: url(weather-sprite-dark.png)
    }

    .zpWeatherWidgetMD .wIcon.zMDtstorms,
    .zpWeatherWidgetMD .wIcon.zMD0,
    .zpWeatherWidgetMD .wIcon.zMD1,
    .zpWeatherWidgetMD .wIcon.zMD2,
    .zpWeatherWidgetMD .wIcon.zMD3,
    .zpWeatherWidgetMD .wIcon.zMD4,
    .zpWeatherWidgetMD .wIcon.zMD17,
    .zpWeatherWidgetMD .wIcon.zMD37,
    .zpWeatherWidgetMD .wIcon.zMD38,
    .zpWeatherWidgetMD .wIcon.zMD47 {
        background-position: 0 -1300px
    }

    .zpWeatherWidgetMD .wIcon.zMDrain,
    .zpWeatherWidgetMD .wIcon.zMD5,
    .zpWeatherWidgetMD .wIcon.zMD6,
    .zpWeatherWidgetMD .wIcon.zMD7,
    .zpWeatherWidgetMD .wIcon.zMD8,
    .zpWeatherWidgetMD .wIcon.zMD9,
    .zpWeatherWidgetMD .wIcon.zMD10,
    .zpWeatherWidgetMD .wIcon.zMD11,
    .zpWeatherWidgetMD .wIcon.zMD12,
    .zpWeatherWidgetMD .wIcon.zMD35,
    .zpWeatherWidgetMD .wIcon.zMD39,
    .zpWeatherWidgetMD .wIcon.zMD40,
    .zpWeatherWidgetMD .wIcon.zMD45 {
        background-position: 0 -600px
    }

    .zpWeatherWidgetMD .wIcon.zMDsnow,
    .zpWeatherWidgetMD .wIcon.zMD13,
    .zpWeatherWidgetMD .wIcon.zMD14,
    .zpWeatherWidgetMD .wIcon.zMD15,
    .zpWeatherWidgetMD .wIcon.zMD16,
    .zpWeatherWidgetMD .wIcon.zMD41,
    .zpWeatherWidgetMD .wIcon.zMD42,
    .zpWeatherWidgetMD .wIcon.zMD43,
    .zpWeatherWidgetMD .wIcon.zMD46 {
        background-position: 0 -800px
    }

    .zpWeatherWidgetMD .wIcon.zMDsleet,
    .zpWeatherWidgetMD .wIcon.zMD18 {
        background-position: 0 -700px
    }

    .zpWeatherWidgetMD .wIcon.zMDfog,
    .zpWeatherWidgetMD .wIcon.zMDhazy,
    .zpWeatherWidgetMD .wIcon.zMD19,
    .zpWeatherWidgetMD .wIcon.zMD20,
    .zpWeatherWidgetMD .wIcon.zMD21,
    .zpWeatherWidgetMD .wIcon.zMD22 {
        background-position: 0 -300px
    }

    .zpWeatherWidgetMD .wIcon.zMDwind,
    .zpWeatherWidgetMD .wIcon.zMD23,
    .zpWeatherWidgetMD .wIcon.zMD24 {
        background-position: 0 -1600px
    }

    .zpWeatherWidgetMD .wIcon.zMDcloudy,
    .zpWeatherWidgetMD .wIcon.zMD26 {
        background-position: 0 -200px
    }

    .zpWeatherWidgetMD .wIcon.zMDpartly-cloudy-night,
    .zpWeatherWidgetMD .wIcon.zMD27,
    .zpWeatherWidgetMD .wIcon.zMD29 {
        background-position: 0 -500px
    }

    .zpWeatherWidgetMD .wIcon.zMDpartly-cloudy-day,
    .zpWeatherWidgetMD .wIcon.zMD28,
    .zpWeatherWidgetMD .wIcon.zMD30,
    .zpWeatherWidgetMD .wIcon.zMD44 {
        background-position: 0 -400px
    }

    .zpWeatherWidgetMD .wIcon.zMDclear-night,
    .zpWeatherWidgetMD .wIcon.zMD31,
    .zpWeatherWidgetMD .wIcon.zMD33 {
        background-position: 0 -100px
    }

    .zpWeatherWidgetMD .wIcon.zMDclear-day,
    .zpWeatherWidgetMD .wIcon.zMDsunny,
    .zpWeatherWidgetMD .wIcon.zMD32,
    .zpWeatherWidgetMD .wIcon.zMD34,
    .zpWeatherWidgetMD .wIcon.zMD36 {
        background-position: 0 0
    }

    .zpWeatherWidgetMD .wIcon.small.zMDtstorms,
    .zpWeatherWidgetMD .wIcon.small.zMD0,
    .zpWeatherWidgetMD .wIcon.small.zMD1,
    .zpWeatherWidgetMD .wIcon.small.zMD2,
    .zpWeatherWidgetMD .wIcon.small.zMD3,
    .zpWeatherWidgetMD .wIcon.small.zMD4,
    .zpWeatherWidgetMD .wIcon.small.zMD17,
    .zpWeatherWidgetMD .wIcon.small.zMD37,
    .zpWeatherWidgetMD .wIcon.small.zMD38,
    .zpWeatherWidgetMD .wIcon.small.zMD47 {
        background-position: 0 -650px
    }

    .zpWeatherWidgetMD .wIcon.small.zMDrain,
    .zpWeatherWidgetMD .wIcon.small.zMD5,
    .zpWeatherWidgetMD .wIcon.small.zMD6,
    .zpWeatherWidgetMD .wIcon.small.zMD7,
    .zpWeatherWidgetMD .wIcon.small.zMD8,
    .zpWeatherWidgetMD .wIcon.small.zMD9,
    .zpWeatherWidgetMD .wIcon.small.zMD10,
    .zpWeatherWidgetMD .wIcon.small.zMD11,
    .zpWeatherWidgetMD .wIcon.small.zMD12,
    .zpWeatherWidgetMD .wIcon.small.zMD35,
    .zpWeatherWidgetMD .wIcon.small.zMD39,
    .zpWeatherWidgetMD .wIcon.small.zMD40,
    .zpWeatherWidgetMD .wIcon.small.zMD45 {
        background-position: 0 -300px
    }

    .zpWeatherWidgetMD .wIcon.small.zMDsnow,
    .zpWeatherWidgetMD .wIcon.small.zMD13,
    .zpWeatherWidgetMD .wIcon.small.zMD14,
    .zpWeatherWidgetMD .wIcon.small.zMD15,
    .zpWeatherWidgetMD .wIcon.small.zMD16,
    .zpWeatherWidgetMD .wIcon.small.zMD41,
    .zpWeatherWidgetMD .wIcon.small.zMD42,
    .zpWeatherWidgetMD .wIcon.small.zMD43,
    .zpWeatherWidgetMD .wIcon.small.zMD46 {
        background-position: 0 -400px
    }

    .zpWeatherWidgetMD .wIcon.small.zMDsleet,
    .zpWeatherWidgetMD .wIcon.small.zMD18 {
        background-position: 0 -350px
    }

    .zpWeatherWidgetMD .wIcon.small.zMDfog,
    .zpWeatherWidgetMD .wIcon.small.zMDhazy,
    .zpWeatherWidgetMD .wIcon.small.zMD19,
    .zpWeatherWidgetMD .wIcon.small.zMD20,
    .zpWeatherWidgetMD .wIcon.small.zMD21,
    .zpWeatherWidgetMD .wIcon.small.zMD22 {
        background-position: 0 -150px
    }

    .zpWeatherWidgetMD .wIcon.small.zMDwind,
    .zpWeatherWidgetMD .wIcon.small.zMD23,
    .zpWeatherWidgetMD .wIcon.small.zMD24 {
        background-position: 0 -800px
    }

    .zpWeatherWidgetMD .wIcon.small.zMDcloudy,
    .zpWeatherWidgetMD .wIcon.small.zMD26 {
        background-position: 0 -100px
    }

    .zpWeatherWidgetMD .wIcon.small.zMDpartly-cloudy-night,
    .zpWeatherWidgetMD .wIcon.small.zMD27,
    .zpWeatherWidgetMD .wIcon.small.zMD29 {
        background-position: 0 -250px
    }

    .zpWeatherWidgetMD .wIcon.small.zMDpartly-cloudy-day,
    .zpWeatherWidgetMD .wIcon.small.zMD28,
    .zpWeatherWidgetMD .wIcon.small.zMD30,
    .zpWeatherWidgetMD .wIcon.small.zMD44 {
        background-position: 0 -200px
    }

    .zpWeatherWidgetMD .wIcon.small.zMDclear-night,
    .zpWeatherWidgetMD .wIcon.small.zMD31,
    .zpWeatherWidgetMD .wIcon.small.zMD33 {
        background-position: 0 -50px
    }

    .zpWeatherWidgetMD .wIcon.small.zMDclear-day,
    .zpWeatherWidgetMD .wIcon.small.zMDsunny,
    .zpWeatherWidgetMD .wIcon.small.zMD32,
    .zpWeatherWidgetMD .wIcon.small.zMD34,
    .zpWeatherWidgetMD .wIcon.small.zMD36 {
        background-position: 0 0
    }

    .flex-container a:active,
    .flexslider a:active,
    .flex-container a:focus,
    .flexslider a:focus {
        outline: 0
    }

    .slides,
    .flex-control-nav,
    .flex-direction-nav {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .flexslider {
        margin: 0;
        padding: 0
    }

    .flexslider .slides>li {
        display: none;
        -webkit-backface-visibility: hidden;
        list-style-type: none
    }

    .flexslider .slides li>img,
    .flexslider .slides li>a,
    .flexslider .slides li>a img {
        width: 100%;
        display: block;
        -moz-user-select: none
    }

    .flex-pauseplay span {
        text-transform: capitalize
    }

    .slides:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    html[xmlns] .slides {
        display: block
    }

    * html .slides {
        height: 1%
    }

    .no-js .flexslider .slides>li {
        display: block
    }

    .flexslider {
        position: relative;
        box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
        zoom: 1
    }

    .flex-viewport {
        max-height: 2000px;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        transition: all 500ms ease
    }

    .loading .flex-viewport {
        max-height: 300px
    }

    .flexslider .slides {
        zoom: 1
    }

    .carousel li {
        margin-right: 5px
    }

    .flex-direction-nav {
        *height: 0
    }

    .flex-direction-nav a {
        width: 30px;
        height: 32px;
        margin: -16px 0 0;
        display: block;
        background: url(images/bg_direction_nav.png) no-repeat 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        cursor: pointer;
        text-indent: -9999px;
        opacity: 0;
        -webkit-transition: all .3s ease
    }

    .flex-direction-nav .flex-next,
    .flex-direction-nav .next {
        background-position: 100% 0;
        right: -36px
    }

    .flex-direction-nav .flex-prev,
    .flex-direction-nav .prev {
        left: -36px
    }

    .edge .touch .flexslider:hover .flex-next,
    .edge .touch .flexslider:hover .next,
    .flexslider:hover .flex-next,
    .flexslider:hover .next {
        opacity: .8;
        right: 5px
    }

    .edge .touch .flexslider:hover .flex-prev,
    .edge .touch .flexslider:hover .prev,
    .flexslider:hover .flex-prev,
    .flexslider:hover .prev {
        opacity: .8;
        left: 5px
    }

    .flexslider:hover .flex-next:hover,
    .flexslider:hover .next:hover,
    .flexslider:hover .flex-prev:hover,
    .flexslider:hover .prev:hover {
        opacity: 1
    }

    .flex-direction-nav .flex-disabled {
        opacity: 0 !important;
        filter: alpha(opacity=0);
        cursor: default;
        z-index: -1
    }

    .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: -40px;
        text-align: center
    }

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline
    }

    .flex-control-paging li a {
        width: 11px;
        height: 11px;
        display: block;
        border: 1px solid rgba(255, 255, 255, 0.3);
        background: #666;
        background: rgba(0, 0, 0, 0.5);
        cursor: pointer;
        text-indent: -9999px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        box-shadow: 0 0 2px rgba(255, 255, 255, 0.5)
    }

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0, 0, 0, 0.7)
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0, 0, 0, 0.9);
        cursor: default
    }

    .flex-control-thumbs {
        margin: 5px 0 0;
        position: static;
        overflow: hidden
    }

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0
    }

    .flex-control-thumbs img {
        width: 100%;
        display: block;
        opacity: .7;
        cursor: pointer
    }

    .flex-control-thumbs img:hover {
        opacity: 1
    }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default
    }

    @media screen and (max-width:860px) {

        .flex-direction-nav .flex-prev,
        .flex-direction-nav .prev,
        .flexslider:hover .flex-direction-nav .flex-prev,
        .flexslider:hover .flex-direction-nav .prev {
            opacity: 1;
            left: 4px
        }

        .flex-direction-nav .flex-next,
        .flex-direction-nav .next,
        .flexslider:hover .flex-direction-nav .flex-next,
        .flexslider:hover .flex-direction-nav .next {
            opacity: 1;
            right: 4px
        }
    }

    @media print {

        .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 #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 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: #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: 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: #FFF;
        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 51514 2017-09-07 10:37:35Z 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 label {
        font-family: inherit;
        font-size: inherit;
        padding: 3px 10px 3px 0
    }

    .SO-SiteSearchForm input.typetext {
        font-family: inherit;
        font-size: inherit;
        color: #333;
        background: #fff;
        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
    }

    .zp13slider-container a:active,
    .zp13slider a:active,
    .zp13slider-container a:focus,
    .zp13slider a:focus {
        outline: 0
    }

    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
    }

    .zp13sliderWidget {
        margin: 0;
        padding: 0
    }

    .zp13sliderWidget ul.zp13slider>li {
        display: none;
        -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
    }

    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-js ul.zp13slider>li,
    .loaded .zp13sliderWidget.burns ul.zp13slider>li {
        display: block !important
    }

    .zp13sliderWidget {
        position: relative;
        zoom: 1;
        overflow: hidden;
        z-index: 1
    }

    .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
    }

    .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
    }

    .supportsbreakout body:not(.withnews) div.zp13sliderWidget.zpBreakout {
        width: calc(100vw - 9px);
        margin-left: calc(-50vw + 50%);
        box-sizing: border-box;
        padding: 0;
        overflow: hidden !important
    }

    .supportsbreakout body.touch:not(.withnews) div.zp13sliderWidget.zpBreakout {
        width: 100vw
    }

    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
    }

    .zp13sliderWidget.burns ul.zp13slider>li:nth-child(odd) img {
        transform: scale(1.2) translate(7%, 4%);
        -webkit-transform: scale(1.2) translate(7%, 4%);
        -o-transform: scale(1.2) translate(7%, 4%);
        -moz-transform: scale(1.2) translate(7%, 4%)
    }

    .zp13sliderWidget.burns ul.zp13slider>li:nth-child(even) img {
        transform: scale(1.2) translate(-7%, 4%);
        -webkit-transform: scale(1.2) translate(-7%, 4%);
        -o-transform: scale(1.2) translate(-7%, 4%);
        -moz-transform: scale(1.2) translate(-7%, 4%)
    }

    .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);
            -o-transform: scale(1.0);
            -moz-transform: scale(1.0)
        }

        to {
            transform: scale(1.2) translate(7%, 4%);
            -webkit-transform: scale(1.2) translate(7%, 4%);
            -o-transform: scale(1.2) translate(7%, 4%);
            -moz-transform: scale(1.2) translate(7%, 4%)
        }
    }

    @keyframes kburnsright {
        from {
            transform: scale(1.0);
            -o-transform: scale(1.0);
            -moz-transform: scale(1.0)
        }

        to {
            transform: scale(1.2) translate(7%, 4%) rotateZ(0.01deg);
            -o-transform: scale(1.2) translate(7%, 4%);
            -moz-transform: scale(1.2) translate(7%, 4%)
        }
    }

    @-webkit-keyframes kburnsleft {
        from {
            transform: scale(1.0);
            -ms-transform: scale(1.0);
            -webkit-transform: scale(1.0);
            -o-transform: scale(1.0);
            -moz-transform: scale(1.0)
        }

        to {
            transform: scale(1.2) translate(-7%, 4%);
            -webkit-transform: scale(1.2) translate(-7%, 4%);
            -o-transform: scale(1.2) translate(-7%, 4%);
            -moz-transform: scale(1.2) translate(-7%, 4%)
        }
    }

    @keyframes kburnsleft {
        from {
            transform: scale(1.0);
            -o-transform: scale(1.0);
            -moz-transform: scale(1.0)
        }

        to {
            transform: scale(1.2) translate(-7%, 4%) rotateZ(0.01deg);
            -o-transform: scale(1.2) translate(-7%, 4%);
            -moz-transform: scale(1.2) translate(-7%, 4%)
        }
    }

    @-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 .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.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: #fff;
        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
    }

    .zp13slider-direction-nav {
        position: absolute;
        width: 100%;
        top: 50%
    }

    .zp13slider-direction-nav a {
        width: 29px;
        height: 29px;
        margin: -20px 0 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: .75;
        right: 15px
    }

    .zp13sliderWidget:hover .zp13slider-prev,
    .zp13sliderWidget:hover .prev {
        opacity: .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: 10px;
        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: #fff;
        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 #fff;
        background-color: transparent
    }

    .zp13sliderWidget.burns .zp13slider-direction-nav {
        display: none
    }

    @media(max-width:640px) {
        .zp13sliderWidget:not(.burns) .zp13slider-caption {
            position: static;
            top: auto;
            bottom: auto;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            margin-left: 0;
            margin-right: 0;
            width: 100%;
            max-height: none
        }

        .zp13sliderWidget.defaultbg .zp13slider-caption {
            color: inherit;
            text-shadow: none
        }

        .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
        }
    }

    html {
        overflow-y: scroll
    }

    body {
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        font-size: 80%;
        color: #474E58;
        background-color: #D75228;
        background-image: url(stock-images/noise.png)
    }

    h1 {
        margin: 0 0 10px 0;
        padding: 0 0 20px 0;
        font-size: 2.8em;
        font-weight: normal;
        line-height: normal;
        text-transform: none;
        color: #D75228;
        text-shadow: 1px 1px 1px #fff;
        background-image: url(stock-images/contentline.png);
        background-repeat: repeat-x;
        background-position: bottom
    }

    h2 {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 2.4em;
        font-weight: normal;
        line-height: normal;
        color: #D75228;
        text-shadow: 1px 1px 1px #fff
    }

    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 1.5em;
        font-weight: normal;
        line-height: normal;
        color: #D75228
    }

    p {
        margin: 0 0 15px 0;
        padding: 0
    }

    ul,
    ol {
        margin: 0 0 15px 25px;
        padding: 0
    }

    ul li {
        margin: 0;
        padding: 0;
        list-style: disc
    }

    ol li {
        margin: 0;
        padding: 0;
        list-style: decimal
    }

    table {
        margin: 0 0 15px 0;
        padding: 0
    }

    td {
        vertical-align: top
    }

    img {
        margin: 0;
        padding: 0;
        border-style: none;
        max-width: 100%;
        height: auto
    }

    a {
        color: #D75228;
        text-decoration: none
    }

    a:hover {
        color: #D75228;
        text-decoration: underline
    }

    #top {
        margin: 0;
        padding: 0
    }

    #bodybox {
        margin: 0 auto;
        padding: 0;
        background-color: #fff
    }

    #line {
        margin: 0;
        padding: 0;
        background-image: url(stock-images/opacity.png);
        background-repeat: repeat-x
    }

    #wrapper {
        margin: 0 auto;
        padding: 0 40px;
        max-width: 1000px
    }

    #topline {
        margin: 0;
        padding: 20px 10px;
        min-height: 40px;
        position: relative
    }

    #webdescription {
        margin: 0;
        padding: 0;
        overflow: hidden;
        float: left
    }

    #logo {
        float: left;
        margin: 0 20px 0 0;
        padding: 5px 0 0 0
    }

    #webtext {
        float: left;
        margin: 0;
        padding: 10px 4px 0 0
    }

    #webname {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        margin: 0 0 5px 0;
        padding: 0;
        font-size: 38px;
        font-weight: normal;
        font-style: normal;
        text-transform: none;
        text-shadow: 1px 1px 2px #fff
    }

    #webname a {
        color: #D75228;
        text-decoration: none
    }

    #slogan {
        margin: 0;
        padding: 0;
        font-size: 8pt;
        font-weight: bolder;
        color: #5e6774;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px #fff
    }

    a#mobilenavtoggle {
        margin-top: 10px;
        display: none;
        float: right;
        font-size: 1em;
        padding: 5px 8px 4px 8px;
        border-radius: 3px;
        background-clip: padding-box;
        border: 1px solid #D75228;
        background-color: #D75228;
        color: #FFF;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase
    }

    a#mobilenavtoggle:hover {
        text-decoration: underline
    }

    #searchwrap {
        position: relative;
        float: right
    }

    #xmenu,
    #xmenuright {
        float: left;
        margin: 0;
        margin-right: 20px;
        padding: 0;
        margin-top: 24px
    }

    #xmenuright {
        margin-right: 0
    }

    #xmenu span,
    #xmenuright span {
        display: block;
        float: left;
        margin: 0;
        padding: 2px 0
    }

    #xmenu span.row-separator,
    #xmenuright span.row-separator {
        width: 2px;
        background-image: url(stock-images/menuline.png);
        background-repeat: repeat-y
    }

    #xmenu a,
    #xmenuright a {
        margin: 0;
        padding: 0 10px;
        font-size: 1em;
        font-weight: bolder;
        color: #5e6774;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px #fff;
        text-decoration: none
    }

    #xmenu a:hover,
    #xmenuright a:hover {
        color: #474E58;
        text-decoration: none
    }

    #xmenu span:not(:first-child) a,
    #xmenuright span:not(:first-child) a {
        position: relative;
        margin-left: 2px
    }

    #xmenu span:not(:first-child) a:before,
    #xmenuright span:not(:first-child) a:before {
        content: "";
        position: absolute;
        width: 2px;
        height: 100%;
        left: -2px;
        background-image: url('stock-images/menuline.png');
        background-repeat: repeat-y
    }

    #search {
        float: left;
        margin: 0;
        padding: 0;
        margin-top: 20px
    }

    #searchform {
        margin: 0;
        padding: 0;
        width: 200px;
        height: 23px;
        position: relative
    }

    #searchform input {
        font-family: Arial, Helvetica, sans-serif
    }

    #searchfieldset {
        margin: 0;
        padding: 0;
        border: 0
    }

    #searchfield {
        margin: 0;
        padding: 0 5px 0 23px;
        width: 102px;
        height: 23px;
        border: 0;
        font-size: 1em;
        color: #474E58;
        background-color: #fafafa;
        background-image: url(stock-images/magnifier.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 3px 0 0 3px;
        background-clip: padding-box;
        -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2)
    }

    #searchbutton {
        margin: 0;
        padding: 0;
        width: 70px;
        height: 23px;
        border: 0;
        font-size: 1em;
        font-weight: bold;
        text-transform: uppercase;
        color: #FAFAFA;
        background-color: #D75228;
        background-image: url(stock-images/noise.png);
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 0 3px 3px 0;
        background-clip: padding-box;
        -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.2);
        box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.2)
    }

    #searchbutton:hover {
        cursor: pointer;
        color: #e1e1e1;
        background-color: #df7553
    }

    #framebox {
        margin: 0;
        padding: 10px 10px 0 10px;
        background-image: url(stock-images/opacity.png)
    }

    #navbar {
        margin: 0;
        padding: 0 10px;
        max-width: 960px;
        height: 45px;
        background-color: #D75228;
        background-image: url(stock-images/noise.png)
    }

    ul.mainmenu {
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 6001
    }

    ul.mainmenu li {
        list-style: none;
        position: relative
    }

    ul.mainmenu>li {
        float: left;
        margin: 0;
        border-left: 1px solid rgba(255, 255, 255, 0.1)
    }

    ul.mainmenu>li.haschilds>a:after {
        content: "";
        position: absolute;
        top: 0;
        right: 15px;
        width: 100%;
        height: 100%;
        background: url(stock-images/arrow.png) no-repeat right
    }

    ul.mainmenu>li.haschilds>a {
        position: relative;
        padding: 15px 30px 0 15px
    }

    ul.mainmenu>li:first-child {
        border-left: 0
    }

    ul.mainmenu li a {
        display: block;
        margin: 0;
        padding: 15px 15px 0 15px;
        height: 30px;
        font-size: 1em;
        font-weight: bold;
        background-color: transparent;
        color: #FFF;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap;
        text-shadow: 1px 1px 1px transparent
    }

    .notouch ul.mainmenu>li>a:hover {
        color: #FFF;
        background-color: rgba(0, 0, 0, 0.5);
        background-image: url(stock-images/noise.png)
    }

    .notouch ul.mainmenu>li.active>a:hover,
    ul.mainmenu>li.active>a {
        color: #FFF;
        background-color: rgba(0, 0, 0, 0.5)
    }

    .dropdown-submenu>a:after {
        content: "›";
        color: inherit;
        margin-left: 8px
    }

    ul.mainmenu>li>ul {
        border-top: 1px solid rgba(255, 255, 255, 0.1)
    }

    ul.mainmenu ul {
        margin: 0;
        padding: 0;
        position: absolute;
        display: none;
        background-color: #D75228;
        -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2)
    }

    ul.mainmenu ul ul {
        top: 0;
        left: 100%;
        border-left: 1px solid rgba(255, 255, 255, 0.1)
    }

    ul.mainmenu ul li {
        position: relative;
        float: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1)
    }

    ul.mainmenu ul li a {
        padding: 8px 30px;
        height: auto;
        font-size: 1em;
        color: #FAFAFA;
        background-color: #D75228;
        text-shadow: 1px 1px 1px #813118
    }

    .notouch ul.mainmenu ul li a:hover {
        color: #FAFAFA;
        background-color: #ac4220
    }

    ul.mainmenu ul li.active:not(.open) a {
        color: #e1e1e1;
        background-color: #ac4220
    }

    ul.submenu {
        margin: 0 0 20px 0;
        padding: 0
    }

    ul.submenu li {
        margin: 0;
        padding: 10px 0 12px 0;
        list-style: none;
        background-image: url(stock-images/contentline.png);
        background-repeat: repeat-x;
        background-position: bottom
    }

    ul.submenu li a {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 1em;
        color: #D75228;
        text-decoration: none;
        text-shadow: 1px 1px 1px #fff !important;
        white-space: nowrap
    }

    ul.submenu li a:hover {
        color: #D75228;
        text-decoration: underline
    }

    ul.submenu li a.subnav1active {
        font-weight: bolder;
        color: #df7553;
        text-decoration: none
    }

    ul.submenu li a.subnav1active:hover {
        text-decoration: underline
    }

    ul.submenu li span {
        display: block;
        float: left;
        padding: 0 8px 0 0;
        line-height: 13px;
        font-size: 16px;
        color: #D75228;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px #fff
    }

    ul.submenu ul {
        margin: 0;
        padding: 5px 0 10px 13px
    }

    ul.submenu ul li {
        padding: 0 0 5px 0;
        background-image: none
    }

    ul.submenu ul li a {
        font-size: 1em;
        color: #D75228;
        text-decoration: none;
        text-shadow: 1px 1px 1px #fff !important
    }

    ul.submenu ul li a:hover {
        color: #D75228;
        text-decoration: underline
    }

    ul.submenu ul li a.subnav2active {
        font-weight: normal;
        color: #df7553;
        text-decoration: none
    }

    ul.submenu ul li a.subnav2active:hover {
        text-decoration: underline
    }

    #navbar,
    #framebox,
    .newsbox h2 {
        border-radius: 5px 5px 0 0;
        background-clip: padding-box
    }

    ul.mainmenu li.topmenuactive,
    ul.mainmenu ul li span.dropdownactive,
    .newsbox h2,
    #contentbox a.button span,
    input.button {
        -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.2);
        box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.2)
    }

    .flexslider {
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
    }

    .flexslider ul.slides li {
        position: relative;
        list-style: none
    }

    .flex-caption {
        width: 100%;
        padding: 20px;
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 1em;
        color: #fff;
        background: rgba(0, 0, 0, 0.5);
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .flex-caption h1,
    .flex-caption h2,
    .flex-caption h3 {
        margin: 0 0 5px 0;
        padding: 0;
        font-size: 1em;
        font-weight: bold;
        color: #fff;
        text-shadow: 0 0 0 transparent;
        text-transform: none;
        background-image: none
    }

    .flex-caption p {
        margin: 0;
        padding: 0
    }

    .flex-caption a {
        color: #fff;
        text-decoration: underline
    }

    .flex-caption a:hover {
        color: #fff;
        text-decoration: underline
    }

    .flex-direction-nav li {
        list-style: none !important
    }

    .flexslider:hover .flex-next,
    .flexslider:hover .next {
        opacity: .8;
        right: 18px
    }

    .flexslider:hover .flex-prev,
    .flexslider:hover .prev {
        opacity: .8;
        left: 18px
    }

    .flex-control-nav {
        right: 20px !important;
        bottom: 18px;
        text-align: right !important;
        overflow: hidden !important;
        width: auto
    }

    .flex-control-nav li {
        margin: 0 3px
    }

    .flex-control-nav li a,
    .flex-control-paging li a {
        border: 0;
        background-color: #c1cbcf;
        color: rgba(0, 0, 0, 0);
        cursor: pointer
    }

    .flex-control-nav li a:hover,
    .flex-control-paging li a:hover {
        border: 0;
        background: #96D617;
        background: rgba(150, 214, 23, 0.7)
    }

    .flex-control-nav li a.flex-active,
    .flex-control-paging li a.flex-active {
        border: 0;
        background: #96D617;
        background: rgba(150, 214, 23, 0.9)
    }

    #webbox,
    #webboxplus {
        margin: 0;
        padding: 20px;
        background-color: #FAFAFA;
        position: relative;
        z-index: 98
    }

    #breadcrumb {
        margin: 0 0 40px 0;
        padding: 0 20px 0 0;
        font-size: 1em;
        color: #474E58
    }

    #breadcrumb a {
        padding: 0 5px;
        color: #D75228;
        text-decoration: none;
        text-shadow: 1px 1px 1px #fff
    }

    #breadcrumb a:hover {
        color: #D75228;
        text-decoration: underline
    }

    #breadcrumb span {
        font-size: 16px;
        color: #5e6774;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px #fff
    }

    #contentbox {
        margin: 0;
        padding: 0
    }

    #contentbox a {
        text-shadow: 1px 1px 1px #fff
    }

    #contentbox input[type="text"],
    #contentbox textarea {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        color: #474E58
    }

    #contentbox a.button,
    input.button {
        display: inline-block;
        margin: 0 15px 0 0;
        padding: 0;
        font-size: 1.2em;
        font-weight: bolder;
        text-decoration: none;
        line-height: normal;
        color: #FFF;
        text-shadow: 1px 1px 1px transparent !important;
        background-color: #060;
        background-image: url(stock-images/noise.png);
        border-radius: 3px 3px 3px 3px;
        background-clip: padding-box;
        -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2)
    }

    #contentbox #sidebarright a.button,
    #contentbox #sidebarleft a.button,
    input.button {
        margin: 0 10px 15px 0
    }

    #contentbox a.button:hover,
    input.button:hover {
        color: #fff;
        background-color: #ac4220
    }

    #contentbox a.button span,
    input.button {
        display: block;
        margin: 0;
        padding: 5px 10px;
        border-radius: 3px 3px 3px 3px;
        background-clip: padding-box
    }

    #floatcontentleft,
    #floatcontentright {
        float: left;
        margin: 0;
        padding: 0;
        width: 74%;
        font-size: 1em;
        line-height: 1.4
    }

    #floatcontentright {
        float: right
    }

    #content {
        margin: 0;
        padding: 0;
        font-size: 1em;
        line-height: 1.4
    }

    #floatcontentleft.boxshadow img,
    #floatcontentright.boxshadow img,
    #content.boxshadow img {
        -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2)
    }

    #sidebarright,
    #sidebarleft {
        margin: 0;
        padding: 0 0 0 20px;
        max-width: 230px;
        overflow: hidden
    }

    #sidebarleft {
        padding: 0 20px 0 0
    }

    #sidebarright.boxshadow img,
    #sidebarleft.boxshadow img {
        -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2)
    }

    .zpWeatherWidget img {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #arealeft,
    #arearight {
        float: left;
        width: 66%;
        overflow: hidden
    }

    #arearight {
        float: right
    }

    #newsleft,
    #newsright {
        float: left;
        width: 34%;
        padding: 0 20px 0 0;
        overflow: hidden;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    #newsright {
        float: right;
        padding: 0 0 0 20px
    }

    .news {
        margin: 0 0 15px 0;
        line-height: 1.4
    }

    .news .articlearea {
        padding: 0
    }

    .news .newsbox {
        padding: 0
    }

    .news h2 {
        margin: 0;
        padding: 5px 10px;
        font-size: 1em;
        font-weight: bolder;
        color: #FFF;
        text-shadow: 1px 1px 1px transparent;
        background-color: #D75228;
        background-image: url(stock-images/noise.png)
    }

    .newstext {
        margin: 0;
        padding: 10px;
        font-size: 1em;
        color: #474E58;
        background-color: transparent;
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2)
    }

    .newstext p {
        margin: 0 0 15px 0
    }

    .newstext a {
        color: #D75228;
        text-decoration: underline;
        text-shadow: 1px 1px 1px #fff !important
    }

    .newstext a:hover {
        color: #D75228;
        text-decoration: none
    }

    .articlearea {
        margin: 0;
        padding: 0
    }

    .articleimage {
        margin: 0;
        padding: 4px 0 0 0
    }

    .articletext {
        margin: 0;
        padding: 0
    }

    .twocolumnleft {
        float: left;
        margin: 0;
        padding: 0
    }

    .twocolumnleft>div {
        margin: 0;
        padding: 0 12px 0 0
    }

    .twocolumnright {
        margin: 0;
        padding: 0;
        overflow: hidden
    }

    .twocolumnright>div {
        margin: 0;
        padding: 0 0 0 12px
    }

    .bildunterschrift {
        display: block;
        color: #474E58
    }

    .floatarticle {
        float: left;
        margin: 0;
        padding: 0;
        overflow: hidden
    }

    .floatarticle>div {
        margin: 0;
        padding: 0 20px 0 0
    }

    .zp-form {
        display: inline-block;
        margin: 0;
        padding: 0 0 10px 0
    }

    .zp-form p {
        margin: 0;
        padding: 0
    }

    .zp-form table {
        margin: 0;
        padding: 0
    }

    .zp-form td {
        margin: 0;
        padding: 0;
        white-space: nowrap;
        vertical-align: middle
    }

    .zp-form input.button {
        padding: 5px 10px;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none
    }

    .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,
    .zp-form select {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        color: #474E58
    }

    .zp-form .label,
    .zp-form .field {
        padding: 3px 10px 3px 0
    }

    .zp-form .desc {
        padding: 10px 10px 10px 0
    }

    .zp-form .multiline {
        padding: 4px 10px 0 0;
        vertical-align: top
    }

    .zp-form .submit {
        padding: 0
    }

    .zp-form .separator {
        margin: 10px 10px 10px 0;
        padding: 0;
        line-height: 1px;
        height: 1px;
        border-bottom: 1px solid #474E58
    }

    #banner {
        margin: 0;
        padding: 0 10px;
        font-size: 1em;
        color: #474E58;
        line-height: 1.4
    }

    #banner h1,
    #banner h2,
    #banner h3,
    #banner h4,
    #banner h5,
    #banner h6 {
        color: #474E58;
        text-shadow: none
    }

    #afterfooter {
        margin: 0;
        padding: 0;
        font-size: 1em;
        line-height: 1.4;
        color: #fff;
        background-color: #D75228;
        background-image: url(stock-images/noise.png)
    }

    #afterfooter h1,
    #afterfooter h2,
    #afterfooter h3,
    #afterfooter h4,
    #afterfooter h5,
    #afterfooter h6 {
        color: #fff;
        text-shadow: none
    }

    #afterfooter .footerline {
        margin: 0;
        padding: 0;
        background-image: url(stock-images/dropline.png);
        background-repeat: repeat-x;
        background-position: bottom
    }

    #afterfooter .wrapper {
        margin: 0 auto;
        padding: 0 50px;
        max-width: 980px;
        max-width: 1000px
    }

    #afterfooter .wrapper a {
        color: #fff;
        text-decoration: none
    }

    #afterfooter .wrapper a:hover {
        color: #fff;
        text-decoration: underline
    }

    #banner span:not([style]),
    #afterfooter .wrapper span {
        display: block;
        margin: 0 0 5px 0;
        padding: 0;
        font-weight: bold
    }

    #banner p,
    #afterfooter .wrapper p {
        margin: 0;
        padding: 0
    }

    #footer {
        margin: 0;
        padding: 0
    }

    #bottomfooter {
        margin: 0;
        padding: 0;
        color: #fff;
        font-size: 1em
    }

    #bottomfooter .wrapper {
        margin: 0 auto;
        padding: 20px 40px;
        max-width: 1000px
    }

    #bottomfooter .wrapper a {
        color: #fff;
        text-decoration: none
    }

    #bottomfooter .wrapper a:hover {
        color: #fff;
        text-decoration: underline
    }

    #footermenu {
        margin: 0 0 5px 0;
        padding: 0
    }

    #footermenu span.row-separator {
        width: 2px;
        background-image: url(stock-images/menuline.png);
        background-repeat: repeat-y
    }

    #footermenu a {
        padding: 0 10px
    }

    #footerinfo {
        margin: 0;
        padding: 0
    }

    .zpSO-OnlineShop-table {
        width: 100%
    }

    .zpSO-OnlineShop-table th {
        margin: 0;
        padding: 5px 10px;
        font-weight: bold;
        text-align: left;
        color: #FFF;
        background-color: #D75228
    }

    .zpSO-OnlineShop-table td {
        margin: 0;
        padding: 5px 10px;
        text-align: left
    }

    .zpSO-OnlineShop-row1 td,
    .zpSO-OnlineShop-row2 td {
        margin: 0;
        padding: 5px 10px;
        text-align: left
    }

    .zpSO-OnlineShop-row2 td {
        background-color: rgba(0, 0, 0, 0.05)
    }

    .zp {
        color: #fff !important;
        text-decoration: none !important
    }

    .clear {
        clear: both
    }

    .clearx {
        clear: both;
        margin: 0;
        padding: 0;
        font-size: 0;
        height: 0;
        line-height: 0;
        visibility: hidden
    }

    .asfield {
        display: none
    }

    div.zpRow.news {
        margin-bottom: 15px
    }

    @media only screen and (max-width:768px) {
        #webdescription {
            position: relative
        }

        #webname {
            font-size: 28.5px
        }

        a#mobilenavtoggle {
            display: block;
            z-index: 110;
            position: relative
        }

        a#mobilenavtoggle.on {
            -webkit-transition: border 500ms;
            transition: border 500ms;
            border: 1px solid #FFF;
            position: fixed;
            right: 50px
        }

        #searchwrap {
            float: left;
            clear: both;
            width: 100%
        }

        #search {
            float: right
        }

        #navbar {
            display: none;
            position: absolute;
            top: 0;
            height: auto;
            padding: 0;
            overflow: hidden;
            padding-top: 68px;
            left: 0;
            width: 100%;
            z-index: 100;
            border-radius: 0;
            background-clip: padding-box
        }

        #navbar.on {
            display: block
        }

        ul.mainmenu>li {
            border-left: 0
        }

        ul.mainmenu>li>a {
            padding: 8px 30px
        }

        ul.mainmenu ul li a {
            background-color: transparent;
            color: #FFF
        }

        ul.mainmenu ul {
            display: block;
            visibility: visible;
            position: relative;
            top: auto;
            -webkit-box-shadow: none;
            box-shadow: none;
            margin-left: 1.5em;
            background-color: transparent
        }

        ul.mainmenu ul ul {
            top: 0;
            left: auto;
            border-left: 0
        }

        ul.mainmenu li li li {
            border-bottom: 0
        }

        .notouch ul.mainmenu li:hover ul {
            top: auto !important;
            left: auto !important
        }

        ul.mainmenu li {
            float: none;
            display: block;
            margin: 0
        }

        ul.mainmenu li a {
            height: auto
        }

        li:not(.active)>.dropdown-menu,
        ul.mainmenu li:not(.active)>.dropdown-menu,
        .notouch ul.mainmenu>li:not(.active):hover>ul.dropdown-menu {
            display: none
        }

        ul.mainmenu li.haschilds>a {
            position: relative;
            padding: 8px 3.5em 8px 8px
        }

        ul.mainmenu li.haschilds>a:after {
            content: '';
            box-sizing: content-box;
            position: absolute;
            top: 47%;
            margin-top: -0.25em;
            right: 11px;
            height: .5em;
            width: .5em;
            background: transparent;
            border-bottom-color: transparent;
            border-left-color: transparent;
            border-style: solid;
            border-width: 1px 1px 0 0;
            display: block;
            -webkit-transition: -webkit-transform 200ms ease;
            transition: transform 200ms ease;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        ul.mainmenu li.haschilds.open>a:after,
        ul.mainmenu li.haschilds.clicked>a:after {
            -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
            margin-top: -0.5em;
            right: 15px
        }

        #arealeft,
        #arearight {
            float: none;
            width: auto;
            padding: 0 20px 0 0
        }

        #newsleft,
        #newsright {
            float: none;
            width: auto;
            padding: 0 20px 0 0
        }
    }

    @media only screen and (min-width:769px) {
        .notouch ul.mainmenu li:hover>ul {
            display: block
        }

        .notouch ul.mainmenu>li:hover>ul {
            display: block;
            top: 45px;
            left: -1px;
            z-index: 299
        }
    }

    @media only screen and (max-width:768px) {

        #floatcontentleft,
        #floatcontentright,
        #sidebarright,
        #sidebarleft {
            display: block;
            width: 100%;
            max-width: none;
            float: none;
            padding: 0
        }

        .flex-caption {
            position: relative
        }

        .flex-control-nav {
            bottom: 18px
        }

        #webbox,
        #webboxplus {
            padding-right: 20px
        }

        .articlearea {
            padding: 0
        }

        .articlearea div.articleimage {
            float: none !important;
            padding: 0
        }
    }

    @media only screen and (max-width:580px) {
        #wrapper {
            padding: 0
        }

        #framebox {
            border-radius: 0;
            background-clip: padding-box;
            padding: 0
        }

        a#mobilenavtoggle.on {
            right: 10px
        }

        #navbar {
            padding-top: 64px
        }

        #webdescription {
            max-width: 75%
        }

        #xmenu a,
        #xmenuright a {
            padding: 0 2px
        }

        #search {
            float: left
        }

        ul.mainmenu>li>a,
        ul.mainmenu ul li a {
            padding: 8px
        }

        #afterfooter .wrapper,
        #bottomfooter .wrapper {
            padding: 20px
        }
    }

    @media print {
        body {
            font-family: Arial, sans-serif;
            font-size: 12pt;
            color: #000;
            background-color: #fff
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            color: #000;
            page-break-after: avoid;
            font-size: 21pt
        }

        h2 {
            font-size: 16pt
        }

        h3,
        h4,
        h5,
        h6 {
            font-size: 12pt
        }

        ul,
        ol {
            page-break-inside: avoid
        }

        img {
            page-break-inside: avoid;
            max-width: 75%
        }

        a,
        a:hover {
            color: #000;
            text-decoration: none
        }

        #wrapper {
            margin: 0;
            padding: 0;
            width: auto
        }

        #framebox {
            padding: 0
        }

        #floatcontentleft,
        #floatcontentright {
            float: none;
            width: auto;
            line-height: normal
        }

        #content {
            line-height: normal
        }

        .bildunterschrift {
            color: #000
        }

        #banner,
        #topline,
        #navbar,
        .flexslider,
        #breadcrumb,
        #sidebarright,
        #sidebarleft,
        .button,
        #footer {
            display: none !important
        }

        @page {
            margin: 2cm
        }
    }

    .zpgrid {
        margin-left: -15px;
        margin-right: -15px
    }

    .zpContainer.styled div.zpRow .zpColumn {
        margin-top: 1em
    }

    .zpContainer.zpBreakout {
        padding: 0 !important
    }

    .zpContainer.zpBreakout .zpRow {
        max-width: 1010px !important
    }

    #framebox .zpContainer.zpBreakout {
        width: auto !important;
        max-width: none !important;
        margin: 0 -5px !important;
        padding: 0 10px !important
    }

    #floatcontentleft .zpContainer.zpBreakout,
    #floatcontentright .zpContainer.zpBreakout {
        margin: 0 !important;
        padding: 0 !important
    }

    #content .zpColumn .zpBreakout {
        width: auto !important;
        margin: 0 -20px !important
    }

    #framebox .zpContainer.zpBreakout .zpRow {
        width: auto !important;
        max-width: none !important
    }

    #sidebarright div.zpRow .zpColumn,
    #sidebarleft div.zpRow .zpColumn,
    #newsright div.zpRow .zpColumn,
    #newsleft div.zpRow .zpColumn {
        padding: 0
    }

    body.plain #line {
        background: transparent
    }

    /*! $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%
    }

    /* Reserviert Platz, bis das Widget geladen hat */
  .zpWeatherWidget { 
    min-height: 320px; 
    display: block;
  }

  /* Sorgt dafür, dass #contentbox seine Floats (links/rechts) „umschließt“ */
  #contentbox::after {
    content: "";
    display: block;
    clear: both;
  }

  /* Falls dein Theme stark float-basiert ist: Footer unter alle Spalten */
  #footer { 
    clear: both; 
  }

  /* Footer-Text linksbündig */
  #footerinfo { 
    text-align: left !important; 
  }

  .zpWeatherWidget .zp-location { display: block !important; }

  /* ===== ZP Weather – Card Look (Light) ===== */
.zpWeatherWidget{
  --zp-bg:#ffffff;
  --zp-fg:#0f172a;           /* Text */
  --zp-muted:#64748b;        /* Sekundärtext */
  --zp-border:#e2e8f0;       /* Linien */
  --zp-surface:#f8fafc;      /* Flächen */
  --zp-accent:#0b63ce;       /* Akzent */

  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--zp-fg);
  background: linear-gradient(180deg, #fff, var(--zp-surface));
  border: 1px solid var(--zp-border);
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(2,6,23,.06);
  padding: 14px 16px;
  max-width: 360px;          /* Sidebar-freundlich */
  line-height: 1.3;
}

/* Head/Ort/Update */
.zpWeatherWidget .zp-location,
.zpWeatherWidget .zp-location-fallback{
  font-weight: 700;
  margin-bottom: 6px;
}
.zpWeatherWidget .zp-updated{
  font-size: 12px;
  color: var(--zp-muted);
  margin-bottom: 8px;
}

/* Hauptblock */
.zpWeatherWidget .zp-main{
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 4px 0 8px;
}
.zpWeatherWidget .zp-icon{ font-size: 28px; }
.zpWeatherWidget .zp-temp{ font-size: 34px; font-weight: 800; line-height: 1; }
.zpWeatherWidget .zp-desc{ font-size: 14px; color: var(--zp-muted); margin-top: 2px; }

/* Kennzahlen */
.zpWeatherWidget .zp-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 6px;
}
.zpWeatherWidget .zp-card{
  background: #fff;
  border: 1px solid var(--zp-border);
  border-radius: 12px;
  padding: 8px;
}
.zpWeatherWidget .zp-label{ font-size: 12px; color: var(--zp-muted); }
.zpWeatherWidget .zp-value{ font-weight: 600; }

/* Suche/Buttons */
.zpWeatherWidget .zp-actions{
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.zpWeatherWidget .zp-input{
  flex: 1; height: 34px; padding: 0 10px;
  border: 1px solid var(--zp-border); border-radius: 10px; background: #fff;
}
.zpWeatherWidget .zp-button{
  height: 34px; padding: 0 12px; cursor: pointer;
  border: 1px solid var(--zp-border); border-radius: 10px;
  background: #eef2f6;
}
.zpWeatherWidget .zp-button:hover{ background: #e2e8f0; }

/* Fehlerhinweis */
.zpWeatherWidget .zp-error{ color:#b91c1c; font-size:13px; margin-top:6px; }

/* Optional: kompaktere Variante – einfach Klasse 'compact' ergänzen */
.zpWeatherWidget.compact{ padding: 10px 12px; }
.zpWeatherWidget.compact .zp-temp{ font-size: 30px; }
.zpWeatherWidget.compact .zp-grid{ gap:6px; }

/* === Feintuning Seitenränder / Buttons === */

/* Innenabstand rechts für das Grid */
.zpWeatherWidget .zp-grid {
  padding-right: 6px;   /* kleine Luft zum Rand */
  padding-left: 2px;    /* symmetrisch leicht links */
}

/* Abstand zum Rand für Suchfeld + Buttons */
.zpWeatherWidget .zp-actions {
  padding: 0 6px;       /* links und rechts etwas Platz */
}

/* Der Standort-Button (📍) war zu nah am Rand */
.zpWeatherWidget .zp-button[data-act="locate"] {
  margin-right: 2px;
}

/* Optional: etwas sanftere Rundungen der kleinen Cards */
.zpWeatherWidget .zp-card {
  border-radius: 10px;
}
.zpWeatherWidget { padding-right: 8px; padding-left: 8px; }


/* ==== Präzises Feintuning (erzwingt mehr Innenabstand) ==== */

/* mehr Luft rechts und links */
.zpWeatherWidget {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* Grid-Karten etwas eingerückt */
.zpWeatherWidget .zp-grid {
  padding-right: 10px !important;
  padding-left: 6px !important;
}

/* Abstand rechts im Actions-Bereich (Suchleiste) */
.zpWeatherWidget .zp-actions {
  padding: 0 10px !important;
}

/* Standortbutton minimal vom Rand lösen */
.zpWeatherWidget .zp-button[data-act="locate"] {
  margin-right: 6px !important;
}

/* Gesamtbreite optional etwas begrenzen für harmonischen Rahmen */
.zpWeatherWidget {
  max-width: 340px !important;
  box-sizing: border-box;
}


/* ==== ZP Weather – Overflow-Fix für schmale Sidebars ==== */

/* 1) Rahmen selbst darf nie breiter werden als der Parent */
.zpWeatherWidget {
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px !important;           /* innen Platz, aber mit border-box */
  box-sizing: border-box !important;
  overflow: hidden;                    /* Kanten sauber */
}

/* 2) Alle Kinder rechnen inkl. Padding (verhindert Überstand) */
.zpWeatherWidget *, 
.zpWeatherWidget *::before, 
.zpWeatherWidget *::after {
  box-sizing: border-box !important;
}

/* 3) Hauptbereiche auf 100% Breite */
.zpWeatherWidget .zp-main,
.zpWeatherWidget .zp-grid,
.zpWeatherWidget .zp-actions {
  width: 100% !important;
}

/* 4) Grid in schmaler Breite: Spalten dürfen schrumpfen */
.zpWeatherWidget .zp-grid {
  padding: 0 !important;                         /* kein zusätzlicher Außenabstand */
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* 5) Suchleiste: Input darf schrumpfen, Buttons behalten Auto-Breite */
.zpWeatherWidget .zp-actions {
  display: flex !important;
  gap: 8px !important;
  padding: 0 !important;
  align-items: center;
}
.zpWeatherWidget .zp-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;                      /* wichtig gegen Überlauf */
}
.zpWeatherWidget .zp-button {
  flex: 0 0 auto !important;
}
.zpWeatherWidget .zp-button[data-act="locate"] {
  margin-right: 0 !important;                   /* kein zusätzlicher Rand rechts */
  width: 40px;                                  /* fixe kompakte Breite */
}

/* 6) Bei sehr schmaler Sidebar: auf 2 Spalten umschalten, Buttons umbrechen */
@media (max-width: 360px) {
  .zpWeatherWidget { padding: 10px !important; }
  .zpWeatherWidget .zp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .zpWeatherWidget .zp-actions {
    flex-wrap: wrap;
  }
  .zpWeatherWidget .zp-input {
    flex-basis: 100%;
    margin-bottom: 6px;
  }
}
/* Buttons & Suche in einer Reihe; bei wenig Platz umbrechen */
.zpWeatherWidget .zp-actions{
  display:flex !important;
  gap:8px !important;
  align-items:center;
  padding:0 !important;
  width:100% !important;
  flex-wrap:wrap; /* darf umbrechen */
}
.zpWeatherWidget .zp-input{
  flex:1 1 auto !important;
  min-width:0 !important;         /* verhindert Überlauf */
}
.zpWeatherWidget .zp-button{
  flex:0 0 auto !important;
  height:34px; padding:0 12px;
}
.zpWeatherWidget .zp-button[data-act="locate"]{
  width:auto;                      /* neben „Suchen“ */
  margin-right:0 !important;
}

/* Karten/Labels – sauberes Umbrechen */
.zpWeatherWidget .zp-grid{
  width:100% !important;
  gap:8px !important;
  padding:0 !important;
  grid-template-columns: repeat(3, minmax(0,1fr));
}
.zpWeatherWidget .zp-card{
  overflow:hidden;                 /* no spill */
}
.zpWeatherWidget .zp-label{
  font-size:12px;
  color:var(--zp-muted);
  hyphens:auto;                    /* erlaubt Trennungen (z.B. Luft-feuchte) */
  word-break:break-word;
  line-height:1.1;
}
.zpWeatherWidget .zp-label .zp-stack{ 
  display:block;                   /* „Gefühlte“ / „Temperatur“ untereinander */
}

/* kleiner Breakpoint: 2 Spalten + Buttons umbrechen */
@media (max-width: 360px){
  .zpWeatherWidget .zp-grid{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  .zpWeatherWidget .zp-input{ flex-basis:100%; }
}
.zpWeatherWidget .zp-location { display:block !important; }

.zpWeatherWidget .zp-label { hyphens: auto; word-break: break-word; }

