html {
        overflow-y: scroll;
}
html, body {
        height: 100%;
}
body {
        font-family: 'Segoe UI', 'Open Sans', Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        color: #1c2f3d;
        font-size: 1.0em;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
}
h1 {
        margin: 0px 0 24px 0;
        font-size: 1.8em;
        font-weight: normal;
        line-height: normal;
        color: #8d8f8e;
}
h2 {
        margin: 0px 0 16px 0;
        padding-top: 8px;
        font-size: 1.4em;
        font-weight: normal;
        line-height: normal;
        color: #8d8f8e;
}
h3, h4, h5, h6 {
        margin: 16px 0 16px 0;
        padding: 0;
        font-size: 1.4em;
        font-weight: normal;
        line-height: normal;
        color: #8d8f8e;
}
h7 {
        margin: 0px 0px 0px 0px;
        padding-top: 0px;
        font-size: 1.3em;
        font-weight: normal;
        line-height: normal;
        color: #8d8f8e;
}
p {     hyphenate-limit-chars: auto 5;
        hyphenate-limit-lines: 2;
        margin: 0 0 16px 0;
}
ul, ol, il {
        margin: 0 0 16px 22px;
        padding: 0;
}
ul li {
        list-style: disc;
}
ol li {
        list-style: decimal;
}

table {
        margin-bottom: 16px;
}
table td {
        vertical-align: top;
}
table td p {
        margin: 0;
}
img {
        border-style: none;
        max-width: 100%;
        height: auto;
}
/* Links */
a {
        color: #8d8f8e;
        text-decoration: none;
        outline: none;
}
a:hover {
        color: #018fc9;
        text-decoration: underline;
}
/* Background Hack */
#left {
        width: 50%;
        background-color: #f3f4f5;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
}
#right {
        width: 50%;
        background-color: #ffffff;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
}
/* Contentbox */
#contentbox {
        position: relative;
        z-index: 2;
}
/* Topbox and Footerbox */
#topbox, #footerbox {
        width: 100%;
        min-width: 984px;
        line-height: 48px;
        background-color: #1c2f3d;
        position: relative;
}
#footerbox {
        font-size: 1.0em;
        color: #8595a0;
        background-color: #1c2f3d;
}
#footerbox .pagewrap {
        padding: 0 24px;
        width: 936px;
}
/* Search Form */
#searchform {
        float: left;
        width: 192px;
        margin-left: 288px;
        padding: 0 48px;
        background-color: #1c2f3d;
        position: relative;
}
#searchform fieldset {
        margin: 0;
        padding: 0;
        display: block;
        width: 288px;
        border: 0;
}
#searchform input.searchfield {
        display: block;
        font-family: 'Segoe UI', 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 1.0em;
        width: 192px;
        height: 48px;
        line-height: 48px;
        padding: 0;
        border: 0;
        color: #ffffff;
        background-color: transparent;
}
#searchform input.searchfield:focus {
        outline: none;
}
#searchform input.searchbutton {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 0;
        right: 0;
}
/* Extra Menu */
#xmenu {
        float: right;
        padding-right: 12px;
}
#xmenu a {
        display: inline-block;
        padding: 0 12px;
        font-size: 1.0em;
        line-height: 48px;
        color: #8595a0;
        text-decoration: none;
        background-color: transparent;
}
#xmenu a:hover {
        color: #ffffff;
        text-decoration: none;
        background-color: transparent;
}
/* Mobile Menu */
#mobile-menu {
        display: none;
        width: 48px;
        height: 48px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        background-color: transparent;
        background-image: url(stock-images/nav-icon.png);
        background-repeat: no-repeat;
}
#mobile-menu.selected, #mobile-menu.selected:hover {
        background-color: #1c2f3d !important;
}
#left.selected, #right.selected, #xmenu.selected, #sidebar.selected, #content.selected, #footerbox.selected {
        display: none;
}
/* Sidebar */
#sidebar {
        float: left;
        width: 288px;
        background-color: #f3f4f5;
        position: relative;
}
#sidebar .spacing {
        padding: 48px 0;
        position: relative;
}
/* Logo */
#logo {
        margin-bottom: 48px;
        text-align: center;
}
#logo img {
        display: inline-block;
        margin-bottom: -4px;
}
/* Mobile More */
#mobile-more {
        display: none;
        width: 48px;
        height: 24px;
        position: absolute;
        bottom: -24px;
        right: 0;
        cursor: pointer;
        background-color: #d7dbde;
        background-image: url(stock-images/more-icon.png);
        background-repeat: no-repeat;
        background-position: left top;
}
#mobile-more.selected, #mobile-more.selected:hover {
        background-color: #f3f4f5 !important;
        background-position: left bottom !important;
}
/* Navigation */
#navigation {
        margin-bottom: 48px;
}
#navigation ul {
        margin: 0;
}
#navigation ul li {
        list-style: none;
}
/* Navigation Ebene 1 */
#navigation ul li a, #navigation ul li a.plus {
        display: block;
        line-height: 48px;
        padding-left: 55px;
        font-size: 1.0em;
        color: #1c2f3d;
        background-color: transparent;
        background-image: url(../assets/stock-images/nav-sprite.png);
        background-repeat: no-repeat;
        background-position: 24px 0;
        white-space: nowrap;
        overflow: hidden;
}
#navigation ul li a.plus {
        background-position: 24px -288px;
}
#navigation ul li a:hover, #navigation ul li a.plus:hover, #navigation ul li a.active:hover, #navigation ul li a.plus.active:hover, #navigation ul li a.active, #navigation ul li a.plus.active, #navigation ul li a.selected {
        color: white;
        background-color: #c9ced2;
        background-position: 24px -144px;
        text-decoration: none;
}
#navigation ul li a.plus:hover, #navigation ul li a.plus.active:hover, #navigation ul li a.plus.active {
        background-position: 24px -432px;
}
#navigation ul li a.selected, #navigation ul li a.selected:hover {
        color: #ffffff !important;
        background-color: #c9ced2 !important;
        background-position: 24px -576px !important;
}
#navigation ul li a.active, #navigation ul li a.plus.active {
        color: #ffffff;
        background-color: #d7dbde;
}
/* Navigation Ebene 2 */
#navigation ul li ul.submenu {
        display: none;
        width: 648px;
        margin-bottom: 0;
        padding: 48px 0 24px 48px;
        position: absolute;
        top: 48px;
        left: 288px;
        z-index: 200;
        font-size: 1.0em;
        background-color: #c9ced2;
}
#navigation ul li ul.submenu li {
        float: left;
        margin-bottom: 24px;
        padding-right: 48px;
        width: 276px;
}
#navigation ul li ul.submenu li.first {
        float: none;
        padding-right: 0;
        width: auto;
}
#navigation ul li ul.submenu li a, #navigation ul li ul.submenu li.first a {
        padding-left: 32px;
        color: #1c2f3d;
        text-decoration: none;
        background-position: 0 0;
}
#navigation ul li ul.submenu li.first a {
        height: auto;
        line-height: normal;
        font-size: 1.4em;
        padding-left: 0;
        background-image: none;
}
#navigation ul li ul.submenu li a:hover, #navigation ul li ul.submenu li a.active {
        color: #ffffff;
        text-decoration: none;
        background-color: transparent;
        background-position: 0 -144px;
}
#navigation ul li ul.submenu li.first.active a,
#navigation ul li ul.submenu li a.active {
        color: #ffffff;
        text-decoration: none;
}
/* Navigation Ebene 3 */
#navigation ul li ul.submenu li ul {
        margin-bottom: 0;
}
#navigation ul li ul.submenu li ul li {
        float: none;
        margin-bottom: 0;
        padding-bottom: 3px;
        padding-right: 0;
        width: auto;
}
#navigation ul li ul.submenu li ul li a {
        font-size: 0.9em;
        height: auto;
        line-height: normal;
        background-image: none;
}
/* Mobile Navigation */
#mobile-navigation {
        display: none;
        width: 100%;
        position: absolute;
        top: 48px;
        left: 0;
        z-index: 200;
        background-color: #f3f4f5;
}
#mobile-navigation ul {
        margin: 0;
}
#mobile-navigation ul li {
        list-style: none;
}
#mobile-navigation ul li a {
        display: block;
        padding: 13px 30px;
        color: #1c2f3d;
        border-bottom: 1px solid #ffffff;
        background-color: #d7dbde;
}
#mobile-navigation ul li ul li a {
        padding: 5px 20px 5px 60px;
        background-color: #f3f4f5;
}
#mobile-navigation ul li ul li ul li a {
        padding: 5px 20px 5px 90px;
        background-color: #f3f4f5;
}
#mobile-navigation ul li a:hover {
        color: white;
        background-color: #c9ced2;
        text-decoration: none;
}
/* Main Content */
#content {
        background-color: #ffffff;
        line-height: 1.5em;
        overflow: hidden;
}
#content .spacing {
        padding: 48px;
}
/* Wrapper */
.pagewrap {
        margin: 0 auto;
        width: 984px;
}
/* header */
.flexslider {
        margin-bottom: 24px !important;
        height: 200px !important;
        background: transparent !important;
        border: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -o-border-radius: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -o-box-shadow: none !important;
}
.flexslider ul.slides li {
        position: relative;
        list-style: none;
}
.flexslider ul.flex-direction-nav li {
        list-style: none;
}
.flex-caption {
        width: 600px;
        padding: 12px 24px;
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 1.0em;
        color: white;
        background: rgba(0, 0, 0, 0.5);
        box-sizing: border-box;
        -moz-box-sizing: border-box;
}
.flex-caption p {
        margin: 0;
}
.flex-caption h1, .flex-caption h2, .flex-caption h3 {
        margin: 0;
        font-size: 1.4em;
        font-weight: normal;
        color: white;
}
.flex-caption a {
        color: #018fc9;
        text-decoration: none;
}
.flex-caption a:hover {
        color: #018fc9;
        text-decoration: underline;
}
/* Articles */
.articlearea {
        margin-bottom: 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: #1c2f3d;
}
.floatarticle {
        float: left;
        margin: 0;
        padding: 0;
        overflow: hidden;
}
.floatarticle > div {
        margin: 0;
        padding: 0 48px 0 0;
}
/* Button */
.button {
        display: inline-block;
        padding: 0 24px;
        line-height: 48px;
        font-size: 1.0em;
        font-weight: normal;
        border: 0;
        color: #ffffff;
        text-decoration: none;
        background-color: #018fc9;
        -webkit-transition: background-color .08s ease-out, color .08s ease-out;
        -moz-transition: background-color .08s ease-out, color .08s ease-out;
        -o-transition: background-color .08s ease-out, color .08s ease-out;
        transition: background-color .08s ease-out, color .08s ease-out;
}
.button:hover {
        text-decoration: none;
        color: #ffffff;
        background-color: #017db0;
        -webkit-transition: background-color .08s ease-in, color .08s ease-in;
        -moz-transition: background-color .08s ease-in, color .08s ease-in;
        -o-transition: background-color .08s ease-in, color .08s ease-in;
        transition: background-color .08s ease-in, color .08s ease-in;
}
/* Form */
.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: 'Segoe UI', 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 1.0em;
        color: #1c2f3d;
        border-radius: 0;
}
.zp-form input[type="submit"].button {
        font-family: 'Segoe UI', 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 1.0em;
        padding: 12px 24px;
        line-height: normal;
        border: 0;
}
.zp-form input:focus, .zp-form textarea:focus {
        outline: none;
}
/* News */
.news {
        margin-bottom: 48px;
        padding: 0 24px;
}
.news h2 {
        padding-top: 0;
        font-size: 1.4em;
        font-weight: normal;
        color: #1c2f3d;
}
.newsbox {
        margin-bottom: 24px;
}
.newstext {
        font-size: 1.0em;
        line-height: 1.5em;
        color: #1c2f3d;
}
.newstext p {
        margin-bottom: 16px;
}
.newstext a {
        color: #018fc9;
        text-decoration: none;
}
.newstext a:hover {
        color: #018fc9;
        text-decoration: underline;
}
/* Clear */
.clear {
        clear: both;
}
.clearx, .clearfix, .clearli {
        clear: both;
        margin: 0;
        padding: 0;
        font-size: 0;
        height: 0;
        line-height: 0;
        visibility: hidden;
}
.clearli {
        margin-bottom: 0px !important;
        padding-right: 0px !important;
        width: 0px !important;
}
#content .clearx {
        display: none;
}

/***** ONLINESHOP *****/
.zpSO-OnlineShop-table {
        width: 100%;
}
.zpSO-OnlineShop-table th,
.zpSO-OnlineShop-table td {
        padding: 8px 10px;
}
/* Responsive Hacks */
#weatherToday img, #weatherTomorrow img {
        width: 100px;
}
.zgmap {
        max-width: 100%;
}
/* ZP */
.zp {
        color: #8595a0 !important;
        text-decoration: none !important;
}
/*** CSS for Screens less than Layout-Width ***/
@media only screen and (max-width: 984px) {
        /* Background Hack */
        #left, #right {
                display: none;
        }
        /* Topbox and Footerbox */
    #topbox {
        min-height: 48px;
    }
        #topbox, #footerbox {
                width: auto;
                min-width: inherit;
        }
        #footerbox .pagewrap {
                width: auto;
        }
        /* Search Form */
        #searchform {
                margin-left: 0;
        }
        /* Extra Menu */
        #xmenu {
                padding-right: 60px;
        }
        /* Mobile Menu */
        #mobile-menu {
                display: block;
        }
        /* Sidebar */
        #sidebar {
                float: none;
                width: auto;
        }
        #sidebar .spacing {
                padding: 0;
        }
        /* Logo */
        #logo {
                margin-bottom: 0;
                padding: 24px 48px;
                text-align: left;
        }
        /* Mobile More */
        #mobile-more {
                display: block;
        }
        /* Navigation */
        #navigation {
                display: none;
        }
        /* News */
        .news {
                display: none;
                margin-bottom: 0;
                padding: 24px 48px 8px 48px;
                background-color: #d7dbde;
        }
        /* Main Content */
        #content .spacing {
                padding-left: 48px;
        }
        /* Wrapper */
        .pagewrap {
                width: auto;
        }
        /* header */
        .flexslider {
                height: auto !important;
        }
    .flex-caption {
        width: 100% !important;
    }
}
/*** CSS for Tablets ***/
@media only screen and (max-width: 768px) {
        /* Topbox and Footerbox */
        #topbox, #footerbox {
                height: auto;
        }
        #topbox {
                background-color: #334959;
        }
        #footerbox {
                line-height: normal;
        }
        #footerbox .pagewrap {
                padding: 12px 48px;
                width: auto;
        }
        /* Search Form */
        #searchform {
                float: none;
        }
        /* Extra Menu */
        #xmenu {
                float: none;
                padding: 0 36px;
                background-color: #1c2f3d;
        }
        #xmenu a {
                padding: 12px;
                height: auto;
                line-height: normal;
        }
        /* Main Content */
        #content .spacing {
                padding-left: 48px;
        }
        /* header */
        .flex-direction-nav {
                display: none;
        }
}
/*** CSS for Smartphones ***/
@media only screen and (max-width: 568px) {
        /* Topbox and Footerbox */
        #footerbox .pagewrap {
                padding: 12px 24px;
        }
        /* Search Form */
        #searchform {
                width: 216px;
                padding: 0 48px 0 24px;
        }
        #searchform input.searchfield {
                width: 216px;
        }
        /* Extra Menu */
        #xmenu {
                padding: 0 18px;
        }
        #xmenu a {
                padding: 12px 6px;
        }
        /* Logo */
        #logo {
                padding: 24px;
        }
        /* News */
        .news {
                padding: 24px 24px 8px 24px;
        }
        /* Main Content */
        #content .spacing {
                padding: 24px;
                padding-top: 48px;
        }
        /* Articles */
        p.video{
                display: block;
                overflow: hidden;
        }
        p.video iframe {
                max-width: 100%;
                width: auto\9;
                height: auto;
                vertical-align: middle;
                border: 0;
        }
}
/*** CSS for Smartphones ***/
@media only screen and (max-width: 320px) {
        /* Topbox and Footerbox */
        #footerbox {
                font-size: 0.9em;
        }
        /* Search Form */
        #searchform {
                width: 200px;
        }
        #searchform fieldset {
                width: 272px;
        }
        #searchform input.searchfield {
                width: 200px;
                font-size: 0.9em;
        }
        /* Extra Menu */
        #xmenu {
                font-size: 0.9em;
        }
        /* Logo */
        #logo {
                padding: 12px 24px;
        }
        /* News */
        .news {
                font-size: 0.9em;
                padding: 12px 24px 1px 24px;
        }
        /* Mobile Navigation */
        #mobile-navigation ul li a {
                font-size: 0.9em;
                padding: 13px 20px;
        }
        #mobile-navigation ul li ul li a {
                padding: 5px 20px 5px 40px;
        }
        #mobile-navigation ul li ul li ul li a {
                padding: 5px 20px 5px 60px;
        }
}
/*** CSS for Smartphones ***/
@media only screen and (max-width: 240px) {
        /* Search Form */
        #searchform {
                width: 103px;
        }
        #searchform fieldset {
                width: 175px;
        }
        #searchform input.searchfield {
                width: 103px;
        }
        /* Extra Menu */
        #xmenu {
                padding: 3px 18px;
        }
        #xmenu a {
                display: block;
                line-height: normal;
                padding: 3px 6px;
        }
}
/*** CSS for Print ***/
@media print {
        html, body {
                height: auto;
        }
        body {
                font-family: Arial, sans-serif;
                font-size: 12pt;
                color: #000000;
                background-color: #ffffff;
        }
        h1, h2, h3, h4, h5, h6 {
                color: #000000;
                page-break-after: avoid;
                font-size: 21pt;
        }
        h1 {
                page-break-before: always;
        }
        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%;
        }
        /* Links */
        a, a:hover {
                color: #000000;
                text-decoration: none;
        }
        /* Wrapper */
        .pagewrap {
                margin: 0;
                width: auto;
        }
        /* Main Content */
        #content {
                background-color: #ffffff;
                line-height: normal;
                overflow: inherit;
        }
        #content .spacing {
                padding: 0;
        }
        /* Display None */
        #topbox, #sidebar, #headerslider, .button, .zp-form, #footerbox, #mobile-navigation, #left, #right {
                display: none !important;
        }
        @page {
                margin: 2cm;
        }
}