/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src:
            local('Lato Light'),
            local('Lato-Light'),
            url('../Fonts/Lato-Light.woff2') format('woff2'),
            url('../Fonts/Lato-Light.woff') format('woff');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src:
            local('Lato Light'),
            local('Lato-Light'),
            url('../Fonts/Lato-Light.woff2') format('woff2'),
            url('../Fonts/Lato-Light.woff') format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src:
            local('Lato Regular'),
            local('Lato-Regular'),
            url('../Fonts/Lato-Regular.woff2') format('woff2'),
            url('../Fonts/Lato-Regular.woff') format('woff');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src:
            local('Lato Regular'),
            local('Lato-Regular'),
            url('../Fonts/Lato-Regular.woff2') format('woff2'),
            url('../Fonts/Lato-Regular.woff') format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src:
            local('Lato Bold'),
            local('Lato-Bold'),
            url('../Fonts/Lato-Bold.woff2') format('woff2'),
            url('../Fonts/Lato-Bold.woff') format('woff');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src:
            local('Lato Bold'),
            local('Lato-Bold'),
            url('../Fonts/Lato-Bold.woff2') format('woff2'),
            url('../Fonts/Lato-Bold.woff') format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@media all {

    * {
        font-size: 1em;
        margin: 0;
        padding: 0
    }

    *, *:before, *:after {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    * html body * {
        min-height: 100%;

        overflow: visible
    }

    article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
        display: block
    }

    audio, canvas, video {
        display: inline-block
    }

    audio:not([controls]) {
        display: none
    }

    [hidden] {
        display: none
    }

    html {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0
    }

    input[type="search"] {
        -webkit-appearance: textfield
    }

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

    svg:not(:root) {
        overflow: hidden
    }

    img {
        display: block;
        border: 0 solid
    }

    .ym-clearfix:before {
        content: "";
        display: table
    }

    .ym-clearfix:after {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden
    }

    .ym-contain-dt {
        display: table;
        table-layout: fixed;
        width: 100%
    }

    .ym-contain-oh {
        display: block;
        overflow: hidden;
        width: 100%
    }

    .ym-contain-fl {
        float: left;
        width: 100%
    }

    .ym-column {
        display: table;
        table-layout: fixed;
        width: 100%
    }

    .ym-col1 {
        float: left;
        width: 20%
    }

    .ym-col2 {
        float: right;
        width: 20%
    }

    .ym-col3 {
        width: auto;
        margin: 0 20%
    }

    .ym-cbox {
        padding: 0 10px
    }

    .ym-cbox-left {
        padding: 0 10px 0 0
    }

    .ym-cbox-right {
        padding: 0 0 0 10px
    }

    .ym-ie-clearing {
        display: none
    }

    .ym-grid {
        display: table;
        table-layout: fixed;
        width: 100%;
        list-style-type: none;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0
    }

    .ym-gl {
        float: left;
        margin: 0
    }

    .ym-gr {
        float: right;
        margin: 0 0 0 -5px
    }

    .ym-g20 {
        width: 20%
    }

    .ym-g40 {
        width: 40%
    }

    .ym-g60 {
        width: 60%
    }

    .ym-g80 {
        width: 80%
    }

    .ym-g25 {
        width: 25%
    }

    .ym-g33 {
        width: 33.333%
    }

    .ym-g50 {
        width: 50%
    }

    .ym-g66 {
        width: 66.666%
    }

    .ym-g75 {
        width: 75%
    }

    .ym-g38 {
        width: 38.2%
    }

    .ym-g62 {
        width: 61.8%
    }

    .ym-gbox {
        padding: 0 10px
    }

    .ym-gbox-left {
        padding: 0 10px 0 0
    }

    .ym-gbox-right {
        padding: 0 0 0 10px
    }

    .ym-equalize {
        overflow: hidden
    }

    .ym-equalize > [class*="ym-g"] {
        display: table-cell;
        float: none;
        margin: 0;
        vertical-align: top
    }

    .ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
        padding-bottom: 10000px;
        margin-bottom: -10000px
    }

    .ym-skip, .ym-hideme, .ym-print {
        position: absolute;
        top: -32768px;
        left: -32768px
    }

    .ym-skip:focus, .ym-skip:active {
        position: static;
        top: 0;
        left: 0
    }

    .ym-skiplinks {
        position: absolute;
        top: 0px;
        left: -32768px;
        z-index: 1000;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .ym-skiplinks .ym-skip:focus, .ym-skiplinks .ym-skip:active {
        left: 32768px;
        outline: 0 none;
        position: absolute;
        width: 100%
    }
}

@media print {
    .ym-grid > .ym-gl, .ym-grid > .ym-gr {
        overflow: visible;
        display: table;
        table-layout: fixed
    }

    .ym-print {
        position: static;
        left: 0
    }

    .ym-noprint {
        display: none !important
    }
}

.ym-wrapper {
    display: block;
    max-width: 960px;
    margin: 0 auto
}

.ym-gbox {
    padding-left: 0;
    padding-right: 0;
    margin-left: 10px;
    margin-right: 10px
}

[class*="ym-push-"], [class*="ym-pull-"] {
    position: relative
}

.ym-g960-1 {
    width: 8.33333%
}

.ym-g960-2 {
    width: 16.66667%
}

.ym-g960-3 {
    width: 25%
}

.ym-g960-4 {
    width: 33.33333%
}

.ym-g960-5 {
    width: 41.66667%
}

.ym-g960-6 {
    width: 50%
}

.ym-g960-7 {
    width: 58.33333%
}

.ym-g960-8 {
    width: 66.66667%
}

.ym-g960-9 {
    width: 75%
}

.ym-g960-10 {
    width: 83.33333%
}

.ym-g960-11 {
    width: 91.66667%
}

.ym-g960-12 {
    width: 100%
}

.ym-push-1 {
    left: 8.33333%
}

.ym-push-2 {
    left: 16.66667%
}

.ym-push-3 {
    left: 25%
}

.ym-push-4 {
    left: 33.33333%
}

.ym-push-5 {
    left: 41.66667%
}

.ym-push-6 {
    left: 50%
}

.ym-push-7 {
    left: 58.33333%
}

.ym-push-8 {
    left: 66.66667%
}

.ym-push-9 {
    left: 75%
}

.ym-push-10 {
    left: 83.33333%
}

.ym-push-11 {
    left: 91.66667%
}

.ym-pull-1 {
    left: -8.33333%
}

.ym-pull-2 {
    left: -16.66667%
}

.ym-pull-3 {
    left: -25%
}

.ym-pull-4 {
    left: -33.33333%
}

.ym-pull-5 {
    left: -41.66667%
}

.ym-pull-6 {
    left: -50%
}

.ym-pull-7 {
    left: -58.33333%
}

.ym-pull-8 {
    left: -66.66667%
}

.ym-pull-9 {
    left: -75%
}

.ym-pull-10 {
    left: -83.33333%
}

.ym-pull-11 {
    left: -91.66667%
}

@media screen and (min-width: 0px) {
    body > header, body > nav, body > main, body > footer {
        min-width: 0
    }
}

html {
    font-family: 'Lato', Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

body {
    color: #333;
    position: initial !important
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    body {
        position: inherit !important;
    }
}

a {
    outline: 0;
    text-decoration: none
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal
}

img {
    display: block;
    border: none
}

img.flexible {
    width: 100%;
    height: auto
}

table {
    border-collapse: collapse
}

table tr {
    border-collapse: collapse
}

table tr th, table tr td {
    border-collapse: collapse;
    text-align: left;
    font-weight: normal
}

.clickable {
    cursor: pointer
}

.hide {
    display: none
}

.noscroll {
    overflow: hidden
}

.noPrint {
    display: block !important
}

.onlyPrint {
    display: none !important
}

.overlayPage {
    margin: 1.25em 0
}

header {
    position: relative;
    z-index: 20
}
header:hover {
    z-index: 60
}


.page header {
    min-height: 22.5em
}

.parallax {
    display: block;
    position: relative;
    width: 100%;
    height: 22.5em;
    margin-bottom: 2.5em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    cursor: default
}

#slider {
    position: absolute;
    width: 100%;
    height: 22.5em;
    overflow: hidden;
    background: #fff
}

#slider .image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    cursor: default
}
#slider .image .playButton {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
#slider .image .playButton a {
    display: none;
}
#slider .image .playButton a[href*='player.vimeo.com/'],
#slider .image .playButton a[href*='youtube.com/embed/']{
    position: absolute;
    height: 146px !important;
    top: 50%;
    font-size: 1.3em;
    margin-top: -100px;
    width: 130px;
    background: transparent;
    right:50%;
    margin-right: -73px;
    display: inline-block;
}
#slider .image .playButton a[href*='player.vimeo.com/']::after,
#slider .image .playButton a[href*='youtube.com/embed/']::after {
    content: "";
    display:none;
}
#slider .image .ym-g960-12 {
    display: block;
    position: relative;
}
#slider .image .ym-g960-12 .teaser{
    width:100%;
}

#slider .image .teaser {
    position: absolute;
    margin-top: 7.692em;
    line-height: 1.385em;
    font-size: 1.625em;
    font-weight: 300;
    color: #fff
}

#slider .image .teaser span {
    padding: 0px 0.385em;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    font-weight: 400;
    font-size: 1.1em;
    margin-bottom: 0.1em;
    display: inline-block;
    line-height: 1.485em;
}
#slider .image .teaser .linkContainer {
    position: relative;
}
#slider .image .teaser a[href*='player.vimeo.com/'],
#slider .image .teaser a[href*='youtube.com/embed/'] {
    display:none !important;
    background: transparent;
    display: inline-block;
    position: absolute;
    top: 0;
    width: 130px;
    height: 130px;
    left: 50%;
    margin-left: -65px;
    margin-top: -5px;
}
@media only screen
and (orientation: landscape)
and (max-device-width: 1024px) {
    #slider .image .teaser {
        margin-top: 5.892em;
        font-size: 1.425em;
        line-height: 1.285em;
    }
}

#slider .image .teaser .button{
    font-size: 1.3em;
}

#slider .image .teaser .button:after{
    display: none;
}

#slider .image .teaser .button.invert{
    background-color: #FFF;
    color: #009835;
}

.home #slider {
    height: 100%
}

.expert {
    position: absolute;
    top: 12.5em;
    z-index: 110;
    width: 8.813em;
    height: 8.813em;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.expert.small {
    position: fixed !important;
    right: -0.625em !important
}

.expert img {
    position: absolute;
    display: none;
    width: 100% !important;
    height: 100% !important
}

.no-svg .expert img.pngSmall, .no-svg .expert.big img.pngBig, .svg .expert img.svgSmall, .svg .expert.big img.svgBig {
    display: block
}

.no-svg .expert img.pngBig, .no-svg .expert.big img.pngSmall, .svg .expert img.svgBig, .svg .expert.big img.svgSmall {
    display: none
}

.headerNavBox {
    float: right
}

.headerNav {
    margin: 0;
    list-style-type: none
}

.headerNavItem {
    float: left;
    margin-left: 1em;
    text-transform: uppercase
}

.headerNavLink {
    color: #fff;
    text-shadow: 0px 1px 3px #000;
    font-size: 0.688em
}

header .languageSearchBox {
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.2) 100%);
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 9px;
}

header .languageSearchBox .languageBox {
    float: right;
    position: relative;
    margin-left: 0.75em;
    color: #7f7f7f
}

header .languageSearchBox .languageBox ul {
    position: relative;
    z-index: 10;
    list-style-type: none
}

header .languageSearchBox .languageBox ul .label {
    display: block;
    float: left;
    height: 1.846em;
    font-size: 0.813em;
    line-height: 1.538em;
    padding: 0px 0.231em;
    border: 2px solid #e3e3e3;
    background: #fff;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 0px 0px 3px
}

header .languageSearchBox .languageBox ul .trigger {
    display: block;
    float: right;
    font-size: 0.813em;
    height: 1.846em;
    line-height: 1.538em;
    padding: 0px 0.462em;
    border: 2px solid #e3e3e3;
    border-left: none;
    background: #fff;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px 3px 3px 0px
}

header .languageSearchBox .languageBox ul .trigger:before {
    position: relative;
    top: -1px;
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e016";
    color: #999;
    font-size: 8px
}

header .languageSearchBox .languageBox ul:hover .trigger:before {
    content: "\e015";
    top: -2px
}

header .languageSearchBox .languageBox ul li .options {
    position: absolute;
    width: 100%;
    top: 1.375em;
    z-index: 1;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    -moz-transition: opacity 0.2s 0.2s, max-height 0.2s 0.2s;
    -webkit-transition: opacity 0.2s, max-height 0.2s;
    -webkit-transition-delay: 0.2s, 0.2s;
    transition: opacity 0.2s 0.2s, max-height 0.2s 0.2s
}

header .languageSearchBox .languageBox ul li .options ul {
    border: 2px solid #e3e3e3;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px;
    border-radius: 0px 0px 3px 3px;
    background: #fff
}

header .languageSearchBox .languageBox ul li .options ul li {
    padding: 0 0.375em
}

header .languageSearchBox .languageBox ul li .options ul li a {
    font-size: 0.813em;
    line-height: 1.5em;
    color: #7f7f7f
}

header .languageSearchBox .languageBox ul li:hover .options, header .languageSearchBox .languageBox ul li.open .options {
    opacity: 1;
    max-height: 500px
}


.languageNotice {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 0.25em;
    margin-right: 2.375em;
    line-height: 1.5;
    z-index: 100;

}
a.languageNotice__c2code.weinig {background: #009835 none repeat scroll 0 0;}
a.languageNotice__c2code.holzher {background:#f60 none repeat scroll 0 0}
a.languageNotice__c2code.holzher:after {
    border-color: transparent transparent transparent #f60;
}

.languageNotice.show {
    opacity: 1;
    visibility: visible
}

.languageNotice h4 {
    color: #009835;
    font-size: 1.625em;
    margin-bottom: 0.5em
}

.languageNotice__tip {
    width: 0;
    height: 0;
    border-right: 38px solid rgba(255, 255, 255, 0.85);
    border-top: 37px solid transparent;
    float: right
}

.languageNotice__content {
    float: right;
    width: 25em;
    padding: 1.563em 2em;
    background-color: rgba(255, 255, 255, 0.85);
    color: black;
    position: relative
}

.languageNotice__text {
    line-height: 1.2
}

.languageNotice__close {
    position: absolute;
    top: 0;
    left: 100%;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    color: #cecece;
    margin-top: 0.063em;
    margin-left: 0.25em;
    cursor: pointer
}

.languageNotice__close:before {
    font-size: 2.25em;
    background-color: #fff;
    border-radius: 50%;
    display: block
}

.languageNotice__close > span {
    display: none
}

header .languageSearchBox .searchBox {
    float: right;
    margin-left: 0.625em;
    position: relative
}

header .languageSearchBox .searchBox .search {
    display: block;
    float: left;
    height: 1.846em;
    margin: 0px;
    padding: 0px 0.462em;
    border: 2px solid #e3e3e3;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 0px 0px 3px;
    font-size: 0.813em;
    color: #7f7f7f
}

header .languageSearchBox .searchBox .search-button {
    display: block;
    float: right;
    font-size: 0.813em;
    line-height: 1.538em;
    padding: 0px 0.231em;
    border: 2px solid #e3e3e3;
    border-left: none;
    background: #fff;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px 3px 3px 0px;
    cursor: pointer;
}

header .languageSearchBox .searchBox .search-button[data-icon]:before {
    padding: 0px 0.231em;
    font-size: 1em;
    color: #999
}

header .languageSearchBox .searchBox .search-button span {
    display: none
}

header .languageSearchBox .searchBox-ajax {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    z-index: 9999;
}

header .languageSearchBox .searchBox-ajax ul {
    border: 2px solid #e3e3e3;
    border-top: 0;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px;
    border-radius: 0px 0px 3px 3px;
    background: #f2f2f2;
    list-style-type: none;
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.34);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.34);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.34);
    padding: 0.5em 0
}

header .languageSearchBox .searchBox-ajax ul li {
    padding: 0.375em
}

header .languageSearchBox .searchBox-ajax ul li a {
    display: block;
    font-size: 0.813em;
    line-height: 1.5em;
    color: #000
}

header .languageSearchBox .searchBox-ajax ul li a:hover {
    color: #009835
}

header .languageSearchBox .searchBox-ajax ul li.noentry {
    font-size: 0.813em;
    line-height: 1.5em;
    color: #000
}

header nav.mainNav {
    position: relative;
    top: 2.813em;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.7)
}

header nav.mainNav:hover {
    /*z-index: 60*/
}

header nav.mainNav .logo {
    position: absolute;
    z-index: 100;
    margin-top: -2.813em;
    width: 7.5em;
    height: 7.5em;
    background: #fff;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25)
}

header nav.mainNav ul.level-1 {
    list-style-type: none
}

header nav.mainNav ul.level-1 li.level-1 {
    float: left;
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase
}

header nav.mainNav ul.level-1 li.level-1 a.level-1, header nav.mainNav ul.level-1 li.level-1 span.level-1 {
    display: block;
    line-height: 3.214em;
    font-size: 0.80em;
    padding: 0px 0.714em;
    color: #fff;
    cursor: pointer;
}

header nav.mainNav ul.level-1 li.level-1 a.level-1:hover, header nav.mainNav ul.level-1 li.level-1 span.level-1:hover {
    background: #fff;
    color: #009835
}

header nav.mainNav ul.level-1 li.level-1:hover a.level-1, header nav.mainNav ul.level-1 li.level-1:hover span.level-1 {
    background: #fff;
    color: #009835
}

header nav.mainNav ul.level-1 li.level-1 .flyout {
    position: absolute;
    width: 100%;
    left: 0px;
    padding-top: 1.875em;
    background: #fff;
    color: #666;
    box-shadow: 0px 3.125em 3.125em 0px rgba(0, 0, 0, 0.25)
}

header nav.mainNav ul.level-1 li.level-1 .flyout .ym-wrapper {
    border-top: 1.25em solid #fff;
    border-bottom: 1.25em solid #fff
}

header nav.mainNav ul.level-1 li.level-1 .flyout .bordered {
    border-right: 1px solid #a6a6a6
}

header nav.mainNav ul.level-1 li.level-1 .flyout .bordered:last-child {
    border-right: 1px solid #fff
}

header nav.mainNav ul.level-1 li.level-1.holzher-menu a.level-1:hover, header nav.mainNav ul.level-1 li.level-1.holzher-menu span.level-1:hover {
    color: #f60
}

header nav.mainNav ul.level-1 li.level-1.holzher-menu:hover a.level-1, header nav.mainNav ul.level-1 li.level-1.holzher-menu:hover span.level-1 {
    color: #f60
}

.no-js header nav.mainNav ul.level-1 li.level-1 .flyout {
    display: none
}

.no-js header nav.mainNav ul.level-1 li.level-1:hover .flyout {
    display: block
}

header nav.mainNav ul.level-2 {
    margin-bottom: 1.25em;
    list-style-type: none
}

header nav.mainNav ul.level-2:last-child {
    margin-bottom: 0px
}

header nav.mainNav ul.level-2 li.level-2 {
    color: #009835;
    text-transform: none
}

header nav.mainNav ul.level-2 li.level-2 a.level-2 {
    display: block;
    line-height: 1.5;
    font-size: 0.875em;
    color: #009835
}

header nav.mainNav ul.level-2.grey {
    margin-bottom: 0.5em
}

header nav.mainNav ul.level-2.grey li.level-2 {
    color: #666;
    text-transform: none
}

header nav.mainNav ul.level-2.grey li.level-2 a.level-2 {
    display: block;
    line-height: 1.5;
    font-size: 0.875em;
    padding-left: 1.071em;
    color: #666
}

header nav.mainNav ul.level-2.grey li.level-2 a.level-2:before {
    font-family: 'Weinig-Iconfont';
    content: '\e000';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    line-height: 1.5em;
    margin-top: 4px;
    margin-left: -1.5em;
    font-size: 0.714em;
    color: #7f7f7f
}

header nav.mainNav ul.level-2.grey li.level-2:hover a.level-2 {
    color: #333
}

header nav.mainNav ul.level-2.grey li.level-2:hover a.level-2:before {
    color: #009835
}

header nav.mainNav ul.level-2.orange li.level-2 {
    color: #f60
}

header nav.mainNav ul.level-2.orange li.level-2 a.level-2 {
    color: #f60
}

header nav.mainNav ul.level-3 {
    margin-top: 4px;
    list-style-type: none
}

header nav.mainNav ul.level-3 li.level-3 {
    margin-left: 0.938em;
    margin-bottom: 0.25em;
    color: #666;
    text-transform: none
}

header nav.mainNav ul.level-3 li.level-3 a.level-3 {
    display: block;
    line-height: 1.5;
    font-size: 0.875em;
    color: #666
}

header nav.mainNav ul.level-3 li.level-3 a.level-3:hover {
    color: #333
}

header nav.mainNav ul.level-3 li.level-3 a.level-3[data-icon]:before {
    position: absolute;
    line-height: 1.5em;
    margin-top: 4px;
    margin-left: -1.5em;
    font-size: 0.714em;
    color: #7f7f7f
}

header nav.mainNav ul.level-3 li.level-3:hover a.level-3 {
    color: #333
}

header nav.mainNav ul.level-3 li.level-3:hover a.level-3[data-icon]:before {
    color: #009835
}

header nav.mainNav ul.level-2.orange ul.level-3 li.level-3:hover a.level-3[data-icon]:before {
    color: #f60
}

#bottom {
    position: absolute;
    z-index: 30;
    width: 100%;
    bottom: -11.00em
}

#bottom:hover {
    z-index: 60
}

#breadcrumb {
    margin-top: 1.25em;
    margin-bottom: 0.625em;
    line-height: 1.5em;
    color: #333;
    font-size: 0.625em
}

#breadcrumb a {
    line-height: 1.5em;
    color: #999
}

#breadcrumb .fake {
    line-height: 1.5em;
    color: #999
}

#breadcrumb .grey {
    color: #999;
    padding-left: 0.286em;
    padding-right: 0.286em;
    display: inline-block
}

#breadcrumb .icon-arrow-left {
    position: relative;
    top: -1px;
    color: #009835;
    font-size: 0.714em;
    padding-right: 0.4em;
    padding-left: 0.4em;
    display: inline-block
}

#main {
    padding-top: 1.875em;
    padding-bottom: 1.25em;
    background: #fff
}

.home #main {
    padding-top: 0px;
    background: url('../../global/Images/main-home-bg.png?1379496978') left 2.813em repeat-x;
    padding-bottom: 3.125em
}

#main nav.sectionNav .box, footer .box, #main .box {
    color: #fff
}

#main nav.sectionNav .box a.box-link, footer .box a.box-link, #main .box a.box-link {
    position: relative;
    z-index: 10;
    display: block;
    color: #fff
}

#main nav.sectionNav .box a.box-link span.box-title, footer .box a.box-link span.box-title, #main .box a.box-link span.box-title {
    display: block;
    height: 2.857em;
    padding: 0px 0.714em;
    line-height: 1.286em;
    font-size: 0.775em;
    text-transform: uppercase
}

#main nav.sectionNav .box a.box-link img.box-image, footer .box a.box-link img.box-image, #main .box a.box-link img.box-image {
    position: relative;
    width: 100% !important;
    height: auto !important;
    border-top: 3px solid #fff
}

#main nav.sectionNav .box.layout-1 a.box-link, #main nav.sectionNav .box.layout-4 a.box-link, footer .box.layout-1 a.box-link, footer .box.layout-4 a.box-link, #main .box.layout-1 a.box-link, #main .box.layout-4 a.box-link {
    border-top: 0.313em solid #009835;
    background: #009835
}

#main nav.sectionNav .box.layout-2 a.box-link, #main nav.sectionNav .box.layout-5 a.box-link, footer .box.layout-2 a.box-link, footer .box.layout-5 a.box-link, #main .box.layout-2 a.box-link, #main .box.layout-5 a.box-link {
    border-top: 0.313em solid #7f7f7f;
    background: #7f7f7f
}

#main nav.sectionNav .box.layout-3 a.box-link, #main nav.sectionNav .box.layout-6 a.box-link, footer .box.layout-3 a.box-link, footer .box.layout-6 a.box-link, #main .box.layout-3 a.box-link, #main .box.layout-6 a.box-link {
    border-top: 0.313em solid #f60;
    background: #f60
}

#main nav.sectionNav .box.inAnimation a.box-link, footer .box.inAnimation a.box-link, #main .box.inAnimation a.box-link {
    z-index: 30
}

#main nav.sectionNav .box .animationContainer, footer .box .animationContainer, #main .box .animationContainer {
    position: absolute;
    z-index: 20;
    left: 0px;
    top: 2.938em;
    width: 100%;
    padding-top: 0px;
    color: #666
}

#main nav.sectionNav .box .flyout, footer .box .flyout, #main .box .flyout {
    position: absolute;
    z-index: 20;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: #fff;
    color: #666;
    -moz-box-shadow: 0px -3.125em 3.125em 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px -3.125em 3.125em 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px -3.125em 3.125em 0px rgba(0, 0, 0, 0.25)
}

#main nav.sectionNav .box .flyout .wrapper, footer .box .flyout .wrapper, #main .box .flyout .wrapper {
    padding: 1.25em 0px 3.125em 0px
}

footer .box a.box-link .box-image {
    border-top: none !important
}

footer .footerTeaser {
    padding-bottom: 1.25em;
    padding-top: 1.25em
}

.no-js #main nav.sectionNav .box .animationContainer {
    display: none
}

footer .line1 {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 6px;
    border-top: 3px solid #fff
}

footer .line2 {
    overflow: hidden;
    width: 100%;
    height: 2px
}

footer .copyright {
    line-height: 1.5;
    margin-top: 1.636em;
    margin-bottom: 1.364em;
    color: #999;
    font-size: 0.688em
}

footer .copyright a {
    color: #999
}

footer .claim {
    float: right;
    margin-top: 5.143em;
    font-size: 0.875em;
    line-height: 1.5em;
    text-transform: uppercase
}

footer .socialNav ul {
    float: right;
    list-style-type: none
}

.home footer .socialNav ul {
    margin-top: 1.563em
}

footer .socialNav ul li {
    float: left;
    margin-left: 3px;
    color: #a7a9ac
}

footer .socialNav ul li a {
    display: block;
    width: 2.5em;
    height: 2.5em;
    overflow: hidden;
    color: #a6a6a6;
    transition: color 250ms;
    will-change: color
}

footer .socialNav ul li a:hover {
    color: #7f7f7f
}

footer .socialNav ul li a[data-icon]:before {
    font-size: 2.5em
}

footer .socialNav ul li a span {
    display: none
}

footer .footerNav ul {
    float: right;
    list-style-type: none;
    margin-top: 0.75em;
    margin-bottom: 0.938em
}

footer .footerNav ul li {
    display: inline-block;
    line-height: 1.5em;
    font-size: 0.813em;
    color: #999;
    text-transform: uppercase
}

footer .footerNav ul li a {
    display: block;
    line-height: 1.5em;
    margin-left: 0.769em;
    color: #999
}

footer .newsList {
    margin-top: 1.25em;
    margin-bottom: 0.625em
}

footer .newsList .title {
    color: #666;
    font-size: 0.938em;
    font-weight: 400;
    line-height: 1.5em;
    text-transform: uppercase
}

footer .newsList ul {
    margin-top: 1.25em;
    list-style-type: none
}

footer .newsList ul li p {
    line-height: 1.5em;
    color: #666;
    font-size: 0.875em
}

footer .newsList ul li p span {
    display: block;
    color: #999
}

footer .newsList ul li p .news-title {
    font-weight: bold;
    color: #333
}

footer .newsList ul li a {
    line-height: 1.5em;
    color: #999;
    font-size: 0.875em
}

footer .newsList ul li a[data-icon]:before {
    position: relative;
    top: -1px;
    color: #009835;
    font-size: 0.714em;
    padding-right: 0.8em
}

footer .eventList {
    margin-top: 1.25em;
    margin-bottom: 0.625em
}

footer .eventList .title {
    color: #009835;
    font-size: 0.938em;
    font-weight: 400;
    line-height: 1.5em;
    text-transform: uppercase
}

footer .eventList ul {
    margin-top: 1.25em;
    list-style-type: none
}

footer .eventList ul li p {
    line-height: 1.5em;
    color: #009835;
    font-size: 0.875em
}

footer .eventList ul li p span {
    display: block;
    color: #999
}

footer .eventList ul li p .news-title {
    font-weight: bold;
    color: #009835
}

footer .eventList ul li a {
    line-height: 1.5em;
    color: #999;
    font-size: 0.875em
}

footer .eventList ul li a[data-icon]:before {
    position: relative;
    top: -1px;
    color: #009835;
    font-size: 0.714em;
    padding-right: 0.6em
}

footer .footerList {
    margin-bottom: 0.625em
}

footer .footerList .title {
    color: #666;
    font-size: 0.938em;
    font-weight: 300;
    line-height: 1.5em;
    text-transform: uppercase
}

footer .footerList ul {
    margin-top: 1.25em;
    list-style-type: none
}

footer .footerList ul li p {
    line-height: 1.5em;
    color: #009835;
    font-size: 0.875em
}

footer .footerList ul li p span {
    display: block;
    color: #999
}

footer .footerList ul a {
    line-height: 1.5em;
    color: #999;
    font-size: 0.875em;
    position: relative;
    display: inline-block;
    padding-left: 1em
}

footer .footerList ul a:hover {
    color: #333
}

footer .footerList ul a[data-icon]:before {
    position: absolute;
    top: 6px;
    left: 0;
    display: inline-block;
    color: #666;
    font-size: 0.714em
}

.recommendNav {
    padding-bottom: 1.25em
}

.recommendNav ul {
    list-style-type: none
}

.recommendNav ul li {
    float: left
}

.recommendNav ul li a {
    display: block;
    padding-left: 3.214em;
    margin-right: 2.143em;
    font-size: 0.875em;
    line-height: 2.571em;
    color: #bbb;
    text-transform: uppercase;
    transition: color 250ms;
    will-change: color
}

.recommendNav ul li a:hover {
    color: #7f7f7f
}

.recommendNav ul li a[data-icon]:before {
    position: absolute;
    margin-left: -1.25em;
    font-size: 2.571em;
    font-weight: 300
}

.recommendNav .pageRecommend__icon {
    display: block;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    margin-left: -3.214em
}

.recommendNav .pageRecommend__icon:before {
    font-size: 2.571em;
    font-weight: 300
}

.recommendNav .shareRecommend__icon {
    display: block;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    margin-left: -3.214em;
    background: url('../../global/Images/share.svg') no-repeat;
    width: 50px;
    height: 36px;

}

.recommendNav .shareRecommend__icon.active {
    display: block;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    margin-left: -3.214em;
    background: url('../../global/Images/share_active.svg') no-repeat;
    width: 50px;
    height: 36px;
}

.recommendNav .shareRecommend__icon::before {
    background: url('../../global/Images/share.svg') no-repeat;
}

.recommendNav .pageRecommend__wrapper {
    overflow: hidden;
    position: relative;
    min-width: 13.429em;
    min-height: 2.571em;
    pointer-events: none
}

.recommendNav .pageRecommend__text {
    display: block;
    position: relative
}

.recommendNav .pageRecommend__buttons {
    position: absolute;
    top: 0;
    display: none
}

.recommendButton {
    border: none;
    background-color: #fff;
    margin-left: 0.152em;
    cursor: pointer;
    font-size: 2.357em
}

.recommendButton:first-child {
    margin-left: 0
}

.recommendButton:before {
    font-size: 1em;
    font-weight: 300;
    display: block
}

.recommendButton::-moz-focus-inner {
    border: 0;
    padding: 0
}

.recommendButton.facebook:before {
    color: #3c5599
}

.recommendButton.twitter:before {
    color: #40a4df
}

.recommendButton.xing:before {
    color: #006e6f
}

.recommendButton.googleplus:before {
    color: #d94d38
}

.recommendButton.linkedin:before {
    color: #196497
}

.contentNav {
    position: fixed;
    left: -1px;
    top: 30em;
    z-index: 55;
    border-top: 5px solid transparent;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.contentNav ul {
    list-style-type: none
}

.contentNav ul li {
    float: left;
    line-height: 1
}

.contentNav ul li a[data-icon]:before {
    position: relative;
    z-index: 10;
    display: block;
    line-height: 0.933em;
    font-size: 2.813em;
    border-left: 1px solid #fff;
    background: #fff;
    color: #a6a6a6
}

.contentNav ul li a span {
    display: none
}

.contentNav ul li.down:hover a[data-icon]:before {
    color: #7f7f7f
}

.contentNav ul li.up:hover a[data-icon]:before {
    color: #7f7f7f
}

.contentNav ul li ol {
    display: block;
    position: absolute;
    z-index: 20;
    left: 0px;
    top: 2.625em;
    width: 100%;
    list-style-type: none
}

.contentNav ul li ol li {
    float: none;
    background: #7f7f7f;
    border-top: 1px solid #fff;
    padding-left: 1.25em
}

.contentNav ul li ol li a {
    display: block;
    padding: 2px 0px;
    color: #fff;
    font-size: 0.875em;
    line-height: 1.5em;
    font-weight: 300
}

.contentNav ul li ol li a[data-icon]:before {
    position: absolute;
    left: 5px;
    margin-top: 6px;
    font-size: 10px;
    background: transparent;
    color: #fff !important
}

.contentNav ul li ol li a.act {
    font-weight: 400
}

.contentNav ul li ol li:hover {
    background: #009835
}

.contentNav ul li.expand_collapse:hover ol {
    display: block
}

#helper {
    position: absolute;
    left: -10000px;
    top: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

#isMobile, #isTablet, #isDesktop, #isPotrait, #isLandscape {
    display: none
}

header, #main, footer {
    min-width: 60em !important;
    width: 100% !important
}

@media (min-width: 1px) {
    #isMobile {
        display: none
    }

    #isTablet {
        display: none
    }

    #isDesktop {
        display: block
    }

    #isLandscape {
        display: block
    }
}

@media (max-width: 1024px) {
    #isMobile {
        display: none
    }

    #isTablet {
        display: block
    }

    #isDesktop {
        display: none
    }
}

@media (max-width: 480px) {
    #isMobile {
        display: block
    }

    #isTablet {
        display: none
    }

    #isDesktop {
        display: none
    }
}

@media (orientation: portrait) {
    #isPotrait {
        display: block
    }

    #isLandscape {
        display: none
    }
}

@media (orientation: landscape) {
    #isLandscape {
        display: block
    }

    #isPotrait {
        display: none
    }
}



footer .line1 {
    background: #242d21;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0MmQyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzg3Y2NhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #242d21 0%, #87cca3 50%, #fff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #242d21), color-stop(50%, #87cca3), color-stop(100%, #fff));
    background: -webkit-linear-gradient(left, #242d21 0%, #87cca3 50%, #fff 100%);
    background: -o-linear-gradient(left, #242d21 0%, #87cca3 50%, #fff 100%);
    background: -ms-linear-gradient(left, #242d21 0%, #87cca3 50%, #fff 100%);
    background: linear-gradient(to right, #242d21 0%, #87cca3 50%, #ffffff 100%)
}

footer .line2 {
    background: #f2f2f2
}

img.flexible {
    width: 100%;
    height: auto
}

figure > figcaption {
    font-size: 0.75em;
    line-height: 1.5;
    margin-top: 0.75em
}

hr {
    border: 0;
    height: 2px;
    margin-bottom: 2.5em;
    background: #f2f2f2
}

.richtext {
    color: #333;
    line-height: 1.5em;
    font-size: 0.875em
}

.richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6 {
    color: #333;
    font-size: 1.429em;
    font-weight: 400;
    line-height: 1.25em;
    margin-bottom: 1em
}

.richtext p {
    margin-bottom: 1.5em
}

.richtext > p:last-child {
    margin-bottom: 0px
}

.richtext b, .richtext strong {
    font-weight: 700
}

.richtext a {
    color: #333;
    text-decoration: underline
}

.richtext a:hover {
    color: #009835
}

.richtext a.arrow {
    color: #333
}

.richtext a.arrow:hover {
    color: #009835
}

.richtext a.arrow:before {
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e000";
    font-size: 0.714em;
    padding-right: 0.8em;
    position: relative;
    top: -1px;
    color: #009835;
    display: inline-block;
    text-decoration: none
}

.richtext a.button {
    display: inline-block;
    position: relative;
    line-height: 2em;
    margin: 0.5em 0px;
    padding: 0px 1em;
    background: #009835;
    color: #fff;
    text-decoration: none !important
}

.richtext a.button:after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 0px;
    right: -1em;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 1em 0 1em 1em;
    border-color: transparent transparent transparent #009835
}

.richtext a.button-big {
    /*display: inline-block;
    line-height: 4em;*/
    position: relative;
    margin: 0.5em 0px;
    padding: 0px 3.1em 0 2em;
    background: #009835;
    color: #fff;
    text-decoration: none !important;
    min-height: 56px;
    line-height: 1.5em;
    display: inline-flex;
    align-items: center;
}

/*IE Button fix*/
@media all and (-ms-high-contrast:none) {
    .richtext a.button-big {
        height: 56px;
    }
    *::-ms-backdrop, .richtext a.button-big {
        height: 56px;
    }
}

.richtext a.button-big:after {
    content: " ";
    display: inline-block;
    position: absolute;
    background: #fff;
    top: 0px;
    right: 0em;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 2em 0 2em 2em;
    border-color: transparent transparent transparent #009835
}

.richtext a.button-big.alternative:after {
    right: -2em;
}
.richtext a.button-doublebig {
    display: inline-block;
    position: relative;
    line-height: 1.5em;
    margin: 0.5em 0px;
    padding: 0.5em 2em;
    background: #009835;
    color: #fff;
    text-decoration: none !important;
    min-height: 56px;
    align-items: center;
    display: inline-flex;
}

.richtext a.button-doublebig:before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 0px;
    right: -2em;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 2em 0 2em 2em;
    border-color: transparent transparent transparent #009835
}

.richtext .bodytext a.arrow:before {
    padding-left: 0.8em
}

.richtext .bodytext br + a.arrow:before {
    padding-left: 0
}

.richtext ul {
    list-style-type: none;
    margin-bottom: 1.5em
}

.richtext ul li {
    padding-left: 1.071em;
    position: relative
}

.richtext ul li:before {
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e000";
    font-size: 0.714em;
    padding-right: 0.8em;
    position: absolute;
    top: 0.6em;
    left: 0;
    color: #666
}

.richtext ul li.plain:before {
    content: none
}

.richtext ul ul {
    margin-top: 1.5em;
    margin-bottom: 0em
}

.richtext > ul:last-child {
    margin-bottom: 0em
}

.richtext > ul > li:last-child {
    margin-bottom: 0em
}

.richtext ol {
    margin-left: 1.286em;
    margin-bottom: 1.5em
}

.richtext ol.rounded-list {
    margin-left: 1.429em;
    list-style-type: none;
    counter-reset: ol-counter
}

.richtext ol.rounded-list > li {
    position: relative;
    margin-bottom: 0.571em;
    padding-left: 0.571em
}

.richtext ol.rounded-list > li:before {
    position: absolute;
    left: -1.667em;
    width: 1.667em;
    height: 1.667em;
    font-size: 0.857em;
    color: #fff;
    content: counter(ol-counter);
    counter-increment: ol-counter;
    background: #009835;
    border-radius: 50%;
    text-align: center
}

.richtext ol.rounded-list > li.reddot {
    position: relative
}

.richtext ol.rounded-list > li.reddot:before {
    background-color: #9D0000
}

.richtext ol li {
    margin-bottom: 1.5em
}

.richtext ol ol {
    margin-top: 1.5em;
    margin-bottom: 0em
}

.richtext > ol:last-child {
    margin-bottom: 0em
}

.richtext > ol > li:last-child {
    margin-bottom: 0em
}

.richtext sup, .richtext sub {
    font-size: 0.643em
}

/* Workaround 2018061510000098 */



a[href*='player.vimeo.com/'], a[href*='youtube.com/embed/'] {
    position: relative;
    display: block
}

#c71964 a[href*='player.vimeo.com/']:before, #c71964 a[href*='youtube.com/embed/']:before {
    position: relative;
    display: none !important;
}


a[href*='player.vimeo.com/']:before, a[href*='youtube.com/embed/']:before {
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e019";
    font-size: 6.25em;
    opacity: 0.7;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #999;
    z-index: 2;
    margin-top: -0.5em;
    margin-left: -0.5em;
}

.newsTextDetail a::before {
    content: none;
}

.box a[href*='player.vimeo.com/']:before, .box a[href*='youtube.com/embed/']:before {
    top: auto;
    bottom: 15%;
    margin-top: 0;
    font-size: 44px
}

a[href*='player.vimeo.com/']:hover:before, a[href*='youtube.com/embed/']:hover:before {
    color: #009835
}

.htmlSitemap {
    margin-bottom: 2.5em
}

.htmlSitemap .header h1, .htmlSitemap .header h2, .htmlSitemap .header h4, .htmlSitemap .header h5, .htmlSitemap .header h6 {
    color: #009835;
    font-size: 1.625em;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0.769em
}

.htmlSitemap .header h3 {
    color: #333;
    font-size: 1.429em;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0.2em
}

.htmlSitemap a {
    text-decoration: none
}

.htmlSitemap ul {
    display: block
}

.htmlSitemap ul li {
    display: list-item;
    margin-bottom: 1.143em
}

.htmlSitemap ul li:before {
    display: none
}

.htmlSitemap .sitemap-level1 {
    list-style-type: none
}

.htmlSitemap .sitemap-level1 > li {
    margin-bottom: 1.714em
}

.htmlSitemap .sitemap-level2 {
    margin-top: 0
}

.htmlSitemap .sitemap-level2 > li {
    margin-bottom: 0
}

.htmlSitemap .sitemap-level2 > li.sub {
    margin-bottom: 1.143em
}

.htmlSitemap .sitemap-level2 a {
    line-height: 1.5em;
    color: #009835
}

.htmlSitemap .sitemap-level3, .htmlSitemap .sitemap-level4 {
    margin-top: 0
}

.htmlSitemap .sitemap-level3 > li, .htmlSitemap .sitemap-level4 > li {
    margin-bottom: 0
}

.htmlSitemap .sitemap-level3 a, .htmlSitemap .sitemap-level4 a {
    line-height: 1.5;
    color: #333
}

.htmlSitemap .sitemap-level3 a[data-icon]:before, .htmlSitemap .sitemap-level4 a[data-icon]:before {
    position: relative;
    top: -1px;
    display: inline-block;
    color: #999;
    font-size: 0.714em;
    padding-right: 0.8em
}

.htmlSitemap .sitemap-level3 a[data-icon]:hover:before, .htmlSitemap .sitemap-level4 a[data-icon]:hover:before {
    color: #009835
}

.htmlSitemap .sitemap-level4 > li {
    margin-left: 1.143em
}

#IFrameMap {
    overflow-x: hidden
}

.ce1 {
    margin-bottom: 40px
}

.ce1 .header h1, .ce1 .header h2, .ce1 .header h3, .ce1 .header h4, .ce1 .header h5, .ce1 .header h6 {
    color: #009835;
    font-size: 26px;
    font-weight: 300;
    line-height: 38px
}

.ce1 figure .flexible {
    margin-top: 10px;
    max-width: 90px;
    max-height: 90px
}

.ce2 figure {
    margin: 40px 0px
}

.ce2 {
    margin-bottom: 40px
}

.ce3 {
    margin-bottom: 40px
}

.ce4 {
    margin-bottom: 40px
}

.ce4 .header h1, .ce4 .header h2, .ce4 .header h3, .ce4 .header h4, .ce4 .header h5, .ce4 .header h6 {
    color: #333;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 25px
}

.ce4 .header h1.icon-image, .ce4 .header h2.icon-image, .ce4 .header h3.icon-image, .ce4 .header h4.icon-image, .ce4 .header h5.icon-image, .ce4 .header h6.icon-image {
    padding-left: 40px
}

.ce4 .header h1.icon-image:before, .ce4 .header h2.icon-image:before, .ce4 .header h3.icon-image:before, .ce4 .header h4.icon-image:before, .ce4 .header h5.icon-image:before, .ce4 .header h6.icon-image:before {
    content: url('../../global/Images/icons/image.png?1379496979');
    position: absolute;
    margin-left: -40px;
    margin-top: -6px;
    width: 36px;
    height: 36px
}

.svg .ce4 .header h1.icon-image:before, .svg .ce4 .header h2.icon-image:before, .svg .ce4 .header h3.icon-image:before, .svg .ce4 .header h4.icon-image:before, .svg .ce4 .header h5.icon-image:before, .svg .ce4 .header h6.icon-image:before {
    content: url('../../global/Images/icons/image.svg?1394439651')
}

.ce4 a.trigger {
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px
}

.ce4 a.trigger:hover {
    color: #333;
    text-decoration: none
}

.ce4 a.trigger[data-icon]:before {
    position: relative;
    top: -1px;
    color: #009835;
    font-size: 10px;
    padding-right: 6px
}

.ce4 figure {
    margin-right: 5px;
    margin-bottom: 5px
}

.ce5 {
    margin-bottom: 40px
}

.ce5 .header h1, .ce5 .header h2, .ce5 .header h3, .ce5 .header h4, .ce5 .header h5, .ce5 .header h6 {
    color: #009835;
    font-size: 26px;
    font-weight: 300;
    line-height: 38px;
    margin-bottom: 20px
}

.ce5 figure .flexible {
    margin-top: 10px;
    max-width: 90px
}

.ce6 {
    margin-bottom: 40px
}

.ce6 .foldable {
    position: relative;
    overflow: hidden
}

.ce6 .header h1, .ce6 .header h2, .ce6 .header h3, .ce6 .header h4, .ce6 .header h5, .ce6 .header h6 {
    color: #999;
    font-size: 26px;
    font-weight: 300;
    line-height: 38px;
    padding-bottom: 5px;
    margin-bottom: 40px;
    border-bottom: 2px solid #009835;
    cursor: pointer
}

.ce6.open .header h1:after, .ce6.open .header h2:after, .ce6.open .header h3:after, .ce6.open .header h4:after, .ce6.open .header h5:after, .ce6.open .header h6:after {
    content: "\e011";
    float: right;
    margin-top: 3px;
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 34px;
    color: #009835;
    -webkit-font-smoothing: antialiased
}

.ce6 .header h1:after, .ce6 .header h2:after, .ce6 .header h3:after, .ce6 .header h4:after, .ce6 .header h5:after, .ce6 .header h6:after {
    content: "\e012";
    float: right;
    margin-top: 3px;
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 34px;
    color: #009835;
    -webkit-font-smoothing: antialiased
}

.ce7 {
    margin-bottom: 40px
}

.ce7 .foldable {
    position: relative;
    overflow: hidden
}

.ce7 .header h1, .ce7 .header h2, .ce7 .header h3, .ce7 .header h4, .ce7 .header h5, .ce7 .header h6 {
    color: #999;
    font-size: 26px;
    font-weight: 300;
    line-height: 38px;
    padding-bottom: 5px;
    margin-bottom: 40px;
    border-bottom: 2px solid #009835;
    cursor: pointer
}

.ce7.open .header h1:after, .ce7.open .header h2:after, .ce7.open .header h3:after, .ce7.open .header h4:after, .ce7.open .header h5:after, .ce7.open .header h6:after {
    content: "\e011";
    float: right;
    margin-top: 3px;
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 34px;
    color: #009835;
    -webkit-font-smoothing: antialiased
}

.ce7 .header h1:after, .ce7 .header h2:after, .ce7 .header h3:after, .ce7 .header h4:after, .ce7 .header h5:after, .ce7 .header h6:after {
    content: "\e012";
    float: right;
    margin-top: 3px;
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 34px;
    color: #009835;
    -webkit-font-smoothing: antialiased
}

.ce7 figure {
    margin-bottom: 40px
}

.ce7 {
    margin-bottom: 40px
}

.ce7 .headersecondary h1, .ce7 .headersecondary h2, .ce7 .headersecondary h3, .ce7 .headersecondary h4, .ce7 .headersecondary h5, .ce7 .headersecondary h6 {
    color: #333;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 25px
}

.ce7 .headersecondary h1.icon-download, .ce7 .headersecondary h2.icon-download, .ce7 .headersecondary h3.icon-download, .ce7 .headersecondary h4.icon-download, .ce7 .headersecondary h5.icon-download, .ce7 .headersecondary h6.icon-download {
    padding-left: 40px
}

.ce7 .headersecondary h1.icon-download:before, .ce7 .headersecondary h2.icon-download:before, .ce7 .headersecondary h3.icon-download:before, .ce7 .headersecondary h4.icon-download:before, .ce7 .headersecondary h5.icon-download:before, .ce7 .headersecondary h6.icon-download:before {
    content: url('../../global/Images/icons/download.png?1379496979');
    position: absolute;
    margin-left: -40px;
    margin-top: -6px;
    width: 36px;
    height: 36px
}

.svg .ce7 .headersecondary h1.icon-download:before, .svg .ce7 .headersecondary h2.icon-download:before, .svg .ce7 .headersecondary h3.icon-download:before, .svg .ce7 .headersecondary h4.icon-download:before, .svg .ce7 .headersecondary h5.icon-download:before, .svg .ce7 .headersecondary h6.icon-download:before {
    content: url('../../global/Images/icons/download.svg?1379496979')
}

#main .newsList {
    margin-bottom: 40px
}

#main .newsList .header h1, #main .newsList .header h2, #main .newsList .header h3, #main .newsList .header h4, #main .newsList .header h5, #main .newsList .header h6 {
    color: #009835;
    font-size: 26px;
    font-weight: 300;
    line-height: 38px;
    margin-bottom: 0px
}

#main .newsList ul {
    list-style-type: none;
    font-size: 14px;
    line-height: 20px
}

#main .newsList ul li {
    padding: 40px 0px;
    border-bottom: 2px solid #f6f6f6
}

#main .newsList ul li:last-child {
    border-bottom: 2px solid #fff
}

#main .newsList ul li p {
    margin-bottom: 1.5em
}

#main .newsList ul li p span {
    display: block;
    font-size: 1.286em;
    line-height: 1.5em;
    font-weight: 300
}

#main .newsList ul li a {
    color: #999;
    text-transform: uppercase
}

#main .newsList ul li a[data-icon]:before {
    position: relative;
    top: -1px;
    color: #009835;
    font-size: 10px;
    padding-right: 6px
}

.ceHomeContent h1, .ceHomeContent h2, .ceHomeContent h3, .ceHomeContent h4, .ceHomeContent h5, .ceHomeContent h6 {
    color: #009835;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 1.5em
}

.ceHomeContent a.arrow:before {
    padding-left: 0.8em
}

.flyoutImage {
    margin-bottom: 1.25em;
    min-height: 4.5em
}

.flyoutImage:last-child {
    margin-bottom: 0
}

.flyoutText {
    height: 7.75em;
    overflow: hidden;
    margin-bottom: 1.25em
}

.flyoutText > .ym-grid {
    height: 100%
}

.flyoutText--wrapper {
    display: table-row
}

.flyoutText--inner {
    background-color: #999;
    padding: 0 1.25em;
    display: table-cell;
    vertical-align: middle
}

.flyoutText:last-child {
    margin-bottom: 0
}

.flyoutText .richtext {
    font-size: 0.875em;
    line-height: 2;
    color: #fff;
    text-transform: none
}

.flyoutText .richtext a {
    color: inherit;
    text-decoration: none
}

.flyoutText .richtext .bodytext {
    margin: 0
}

a.flyoutText--inner:hover {
    background-color: #666
}

.ceHeadline h1, .ceHeadline h2, .ceHeadline h4, .ceHeadline h5, .ceHeadline h6 {
    color: #009835;
    font-size: 1.625em;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 0.769em
}

.ceHeadline h3 {
    color: #333;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.25em;
    margin-bottom: 1em
}

.ceText {
    margin-bottom: 2.5em
}

.ceText .header h1, .ceText .header h2, .ceText .header h4, .ceText .header h5, .ceText .header h6 {
    color: #009835;
    font-size: 1.625em;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 0.769em
}

.ceText .header h3 {
    color: #333;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.25em;
    margin-bottom: 1em
}

.ceText .box {
    margin-bottom: 1.25em
}

.ceText .box img.box-image {
    border-top: none !important;
    height: auto !important;
    position: relative;
    width: 100% !important
}

.ceText .contenttable {
    margin-bottom: 1.25em
}

.ceText .contenttable tbody tr td, .ceText .contenttable tbody tr th, .ceText .contenttable thead tr td, .ceText .contenttable thead tr th {
    padding: 0.125em 0.25em;
    border: 1px solid #000000
}

.ceText .contenttable tbody tr td:first-child, .ceText .contenttable tbody tr th:first-child, .ceText .contenttable thead tr td:first-child, .ceText .contenttable thead tr th:first-child {
    border-left: 0
}

.ceText .contenttable tbody tr td:last-child, .ceText .contenttable tbody tr th:last-child, .ceText .contenttable thead tr td:last-child, .ceText .contenttable thead tr th:last-child {
    border-right: 0;
    min-width: 100px
}

.ceTextImage {
    margin-bottom: 2.5em
}

.ceBigImage {
    margin-bottom: 2.5em
}

.ceImage2Col {
    margin-bottom: 2.5em
}

.ceSitemap {
    margin-bottom: 2.5em
}

.ceSitemap .header h1, .ceSitemap .header h2, .ceSitemap .header h4, .ceSitemap .header h5, .ceSitemap .header h6 {
    color: #009835;
    font-size: 1.625em;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 0.769em
}

.ceSitemap .header h3 {
    color: #333;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.25em;
    margin-bottom: 1em
}

.ceSitemap ul {
    margin-top: 0.625em;
    list-style-type: none
}

.ceSitemap ul li p {
    line-height: 1.5em;
    color: #333;
    font-size: 0.875em
}

.ceSitemap ul li p span {
    display: block;
    color: #999
}

.ceSitemap ul a {
    line-height: 1.5em;
    color: #333;
    font-size: 0.875em;
    text-decoration: underline
}

.ceSitemap ul a:hover {
    color: #009835
}

.ceSitemap ul a[data-icon]:before {
    position: relative;
    top: -1px;
    display: inline-block;
    color: #009835;
    font-size: 0.714em;
    padding-right: 0.8em
}

.ceSitemap .title {
    color: #333;
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.5em
}

.ceMarginalList {
    border-left: 2px solid #f2f2f2;
    padding-left: 0.625em
}

.ceMarginalList .header h1, .ceMarginalList .header h2, .ceMarginalList .header h3, .ceMarginalList .header h4, .ceMarginalList .header h5, .ceMarginalList .header h6 {
    color: #009835;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 0.625em
}

.ceMarginalList ul {
    margin-top: 0.625em;
    list-style-type: none
}

.ceMarginalList ul li p {
    line-height: 1.5em;
    color: #333;
    font-size: 0.875em
}

.ceMarginalList ul li p span {
    display: block;
    color: #999
}

.ceMarginalList ul a {
    line-height: 1.5em;
    color: #333;
    font-size: 0.875em;
    position: relative;
    display: inline-block;
    padding-left: 1em
}

.ceMarginalList ul a:hover {
    color: #009835
}

.ceMarginalList ul a[data-icon]:before {
    position: absolute;
    top: 6px;
    left: 0;
    display: inline-block;
    color: #009835;
    font-size: 0.714em
}

.ceMarginalList .title {
    color: #333;
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.5em
}

.ceMarginalDownloads {
    border-left: 2px solid #f2f2f2;
    padding-left: 0.625em
}

.ceMarginalDownloads .header h1, .ceMarginalDownloads .header h2, .ceMarginalDownloads .header h3, .ceMarginalDownloads .header h4, .ceMarginalDownloads .header h5, .ceMarginalDownloads .header h6 {
    color: #333;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.25em;
    margin-bottom: 0em
}

.ceMarginalDownloads .header h1.icon-download, .ceMarginalDownloads .header h2.icon-download, .ceMarginalDownloads .header h3.icon-download, .ceMarginalDownloads .header h4.icon-download, .ceMarginalDownloads .header h5.icon-download, .ceMarginalDownloads .header h6.icon-download {
    padding-left: 40px
}

.ceMarginalDownloads .header h1.icon-download:before, .ceMarginalDownloads .header h2.icon-download:before, .ceMarginalDownloads .header h3.icon-download:before, .ceMarginalDownloads .header h4.icon-download:before, .ceMarginalDownloads .header h5.icon-download:before, .ceMarginalDownloads .header h6.icon-download:before {
    content: url('../../global/Images/icons/download.png?1379496979');
    position: absolute;
    margin-left: -40px;
    margin-top: -6px;
    width: 36px;
    height: 36px
}

.ceMarginalDownloads ul {
    margin-top: 0.625em;
    list-style-type: none
}

.ceMarginalDownloads ul li p, .ceMarginalDownloads ul li .filelist-name {
    line-height: 1.5em;
    color: #333
}

.ceMarginalDownloads ul li p span, .ceMarginalDownloads ul li .filelist-name span {
    display: block;
    color: #999
}

.ceMarginalDownloads ul li p {
    font-size: 0.875em
}

.ceMarginalDownloads ul a.arrow, .ceMarginalDownloads ul a.download-link {
    color: #333;
    padding-left: 1em;
    font-size: 0.875em;
    display: inline-block;
    position: relative
}

.ceMarginalDownloads ul a.arrow:hover, .ceMarginalDownloads ul a.download-link:hover {
    color: #009835;
    text-decoration: none
}

.ceMarginalDownloads ul a.arrow:before, .ceMarginalDownloads ul a.download-link:before {
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e000";
    font-size: 0.714em;
    color: #009835;
    position: absolute;
    left: 0;
    top: 6px
}

.ceMarginalDownloadsMobile {
    padding-top: 0.625em
}

.ceMarginalDownloadsMobile .header h1, .ceMarginalDownloadsMobile .header h2, .ceMarginalDownloadsMobile .header h3, .ceMarginalDownloadsMobile .header h4, .ceMarginalDownloadsMobile .header h5, .ceMarginalDownloadsMobile .header h6 {
    color: #333;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.25em;
    margin-bottom: 0em
}

.ceMarginalDownloadsMobile .header h1.icon-download, .ceMarginalDownloadsMobile .header h2.icon-download, .ceMarginalDownloadsMobile .header h3.icon-download, .ceMarginalDownloadsMobile .header h4.icon-download, .ceMarginalDownloadsMobile .header h5.icon-download, .ceMarginalDownloadsMobile .header h6.icon-download {
    padding-left: 40px
}

.ceMarginalDownloadsMobile .header h1.icon-download:before, .ceMarginalDownloadsMobile .header h2.icon-download:before, .ceMarginalDownloadsMobile .header h3.icon-download:before, .ceMarginalDownloadsMobile .header h4.icon-download:before, .ceMarginalDownloadsMobile .header h5.icon-download:before, .ceMarginalDownloadsMobile .header h6.icon-download:before {
    content: url('../../global/Images/icons/download.png?1379496979');
    position: absolute;
    margin-left: -40px;
    margin-top: -6px;
    width: 36px;
    height: 36px
}

.ceMarginalDownloadsMobile ul {
    margin-top: 0.625em;
    list-style-type: none
}

.ceMarginalDownloadsMobile ul li p {
    line-height: 1.5em;
    color: #333;
    font-size: 0.875em
}

.ceMarginalDownloadsMobile ul li p span {
    display: block;
    color: #999
}

.ceMarginalDownloadsMobile ul a.arrow, .ceMarginalDownloadsMobile ul a.download-link {
    color: #333
}

.ceMarginalDownloadsMobile ul a.arrow:hover, .ceMarginalDownloadsMobile ul a.download-link:hover {
    color: #333;
    text-decoration: none
}

.ceMarginalDownloadsMobile ul a.arrow:before, .ceMarginalDownloadsMobile ul a.download-link:before {
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e000";
    font-size: 0.714em;
    padding: 0px 0.357em 0px 0.357em;
    position: relative;
    top: -1px;
    color: #009835
}

.svg .ceMarginalDownloads .header h4.icon-download:before {
    content: url('../../global/Images/icons/download.svg?1379496979')
}

.ceBacklink {
    margin-bottom: 2.5em
}

.ceBacklink .backlink {
    background: none repeat scroll 0 0 #009835;
    color: #FFFFFF;
    display: inline-block;
    line-height: 2em;
    margin: 0.5em 1em;
    padding: 0 1em;
    position: relative;
    text-decoration: none !important
}

.ceBacklink .backlink:before {
    border-color: transparent #009835 transparent transparent;
    border-style: solid;
    border-width: 1em 1em 1em 0;
    content: " ";
    display: inline-block;
    height: 0;
    position: absolute;
    left: -1em;
    top: 0;
    width: 0
}

.ceMailform {
    background-color: #f2f2f2;
    padding: 1.25em 0;
    margin-bottom: 2.5em
}

.ceMailform .csc-mailform ol {
    list-style-type: none
}

.ceMailform .csc-mailform label {
    color: #666;
    width: 7em;
    font-size: 0.875em
}

.ceMailform .csc-mailform #frmRetourForm label {
    color: #666;
    width: 10em;
    font-size: 0.875em;
    min-height: 1px;
}

.ceMailform .csc-mailform #frmRetourForm .csc-form-element-submit label {
    min-height: 0px;
}


.ceMailform .csc-mailform input[type=text], .ceMailform .csc-mailform input[type=email], .ceMailform .csc-mailform input[type=tel], .ceMailform .csc-mailform textarea, .ceMailform .csc-mailform select {
    width: 20.923em;
    max-width: 100%;
    max-height: 20.923em;
    margin: 0;
    padding: 0.308em 0.308em;
    border: 1px solid #cecece;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 0.75em;
    color: #333
}

.ceMailform .csc-mailform select {
    font-size: 0.75em;
    padding: 0.231em;
    border: 1px solid #cecece;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #333
}

.ceMailform .csc-mailform fieldset {
    border-style: none
}

.ceMailform .csc-mailform fieldset ol {
    padding: 0;
    position: static;
    top: 0;
    margin: 0
}

.ceMailform .csc-mailform fieldset li {
    padding: 0
}



.ceMailform .csc-form-element-textblock {
    font-size: 0.875em;
    color:#666;
}

.ceMailform .csc-form-element {
    margin-bottom: 1em;
    overflow: visible
}

#ligna_form .csc-form-2 {
    margin-left: 0em !important;
}
.ceMailform .csc-form-element:before {
    content: "";
    display: table
}

.ceMailform .csc-form-element:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

.ceMailform .csc-form-element-hidden {
    margin-bottom: 0
}

.ceMailform .csc-form-element-submit {
    margin-left: 8em;
}

.ceMailform .csc-form-element-submit > input, button.button {
    background-color: #009835;
    color: #fff;
    padding: 0.875em 1em;
    border: none;
    width: auto;
    cursor: pointer;
    -moz-transition: background-color 250ms;
    -webkit-transition: background-color 250ms;
    transition: background-color 250ms
}
.ceMailform .csc-form-element-submit > input[disabled], button.button[disabled],
.ceMailform .csc-form-element-submit > input[disabled]:hover, button.button[disabled]:hover{
    background-color: #77bf91;
}
.ceMailform .csc-form-element-submit > input:hover {
    background-color: #00a239
}

.ceMailform .csc-form-element-checkbox, .ceMailform .csc-form-element-radio {
    margin-left: 8em
}

.ceMailform .csc-form-element-checkbox > label, .ceMailform .csc-form-element-radio > label {
    margin-left: 0.5em;
    float: none
}

.ceMailform .csc-form-element-checkbox > input, .ceMailform .csc-form-element-radio > input {
    float: left;
    margin-top: 0.375em
}

.ceMailform .csc-error label {
    color: #9c0000
}

.ceMailform .csc-error input, .ceMailform .csc-error textarea, .ceMailform .csc-error select {
    outline: #9c0000;
    -moz-box-shadow: 0 0 4px 2px rgba(156, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 4px 2px rgba(156, 0, 0, 0.8);
    box-shadow: 0 0 4px 2px rgba(156, 0, 0, 0.8)
}

.ceMailform .csc-error .inputWrapper {
    float: left
}

.ceMailform .csc-error .errorMessage {
    display: block;
    color: #9c0000;
    font-size: 0.75em;
    width: 20.923em;
    max-width: 100%
}

.ceMailform .errorMessage {
    display: none
}

.pim .cover {
    display: block;
    position: relative;
    width: 100%;
    height: 22.5em;
    margin: 2.5em 0;
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    cursor: default
}

.pim .parallax {
    margin: 2.5em 0
}

.pim .overlayImage {
    margin-bottom: 1.25em
}

.pim .overlayImage:last-child {
    margin-bottom: 0
}

.pim .richtext ul li.hasLink:before {
    color: #009835
}

.pim .richtext.flow {
    margin-left: 12.143em
}

.pim .richtext.flow figure {
    margin-left: -12.143em
}

.pim .richtext.flow + hr {
    margin-left: 10.625em
}

.pim .downloadList .richtext a {
    display: block;
    margin-left: 1em
}

.pim .downloadList .richtext a:before {
    top: auto;
    position: absolute;
    display: inline-block;
    color: #009835;
    margin-top: 6px;
    margin-left: -1.357em;
    font-size: 0.714em
}
.pim .downloadList .richtext a.buttonNoArrow:after {
    display: none;
}
.pim .downloadList .richtext a.buttonNoArrow {
    margin-left: 0 !important;
}
.pim .jalousie {
    margin-bottom: 1.25em
}

.pim .jalousie .header h1, .pim .jalousie .header h2, .pim .jalousie .header h3, .pim .jalousie .header h4, .pim .jalousie .header h5, .pim .jalousie .header h6 {
    color: #999;
    font-size: 1.625em;
    font-weight: 300;
    line-height: 1.5em;
    padding-bottom: 0.192em;
    padding-right: 1.462em;
    margin-bottom: 0.769em;
    border-bottom: 2px solid #009835;
    cursor: pointer
}

.pim .jalousie .header h1:after, .pim .jalousie .header h2:after, .pim .jalousie .header h3:after, .pim .jalousie .header h4:after, .pim .jalousie .header h5:after, .pim .jalousie .header h6:after {
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e012";
    position: absolute;
    right: 0.294em;
    margin-top: 3px;
    font-size: 1.308em;
    color: #009835;
    -webkit-font-smoothing: antialiased
}

.pim .jalousie.open .header h1:after, .pim .jalousie.open .header h2:after, .pim .jalousie.open .header h3:after, .pim .jalousie.open .header h4:after, .pim .jalousie.open .header h5:after, .pim .jalousie.open .header h6:after {
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e011"
}

.pim .overlayContent {
    width: 38.75em;
    margin: 0 auto;
    padding: 1.25em 0
}

#c40656 .pim .overlayContent {
    width: 100%
}


.pim hr {
    border: 0;
    height: 2px;
    margin: 2.5em 0;
    background: #f2f2f2
}

.pim .noMargin {
    margin-bottom: 0
}

.pim .minMargin {
    margin-bottom: 1.25em
}

.pim .minMargin hr {
    margin-bottom: 1.25em
}

.pim .maxMargin {
    margin-bottom: 2.5em
}

.pim .maxMargin hr {
    margin-bottom: 0
}

.pim .imgFloating {
    float: left;
    margin-bottom: 1.25em;
    margin-right: 1.25em
}

.pim .seriesList {
    margin-bottom: 1.25em
}

.pim .credentialList {
    margin-bottom: 1.25em
}

.pim .amplificationList {
    margin-bottom: 1.25em
}

.pim .amplificationList .item hr {
    margin: 1.25em 0
}

.pim .amplificationList .item:last-child hr {
    display: none
}

.ceNewsList {
    margin-bottom: 1.5em
}

.ceNewsList .article {
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 1.875em;
    padding-top: 1.875em
}

.ceNewsList .article:first-child {
    padding-top: 0
}

.ceNewsList .article .news-list-date {
    display: block;
    color: #333;
    line-height: 1.5em;
    font-size: 0.875em
}

.ceNewsList .article .news-list-title {
    display: block;
    color: #333;
    font-size: 1.429em;
    font-weight: 400;
    line-height: 1.25em;
    margin-bottom: 0.5em
}

.ceNewsList .article .teaser-text {
    color: #333;
    line-height: 1.5em;
    font-size: 0.875em
}

.ceNewsList .article a {
    color: #333;
    text-decoration: underline
}

.ceNewsList .article a:hover {
    color: #009835
}

.ceNewsList .article a.arrow {
    color: #333
}

.ceNewsList .article a.arrow:hover {
    color: #009835;
    text-decoration: underline
}

.ceNewsList .article a.arrow:before,
.newsBoxes .newsImageList .newsBoxImageOverlay .teaser-text .moreLabel:before,
button.button:before{
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e000";
    font-size: 0.714em;
    padding-right: 0.8em;
    position: relative;
    top: -1px;
    display: inline-block;
    text-decoration: none;
    color: #009835
}

.ceNewsList .article + .page-navigation {
    margin-top: 1.875em
}

.ceNewsList .articleMobile {
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 1.25em;
    padding-top: 1.25em
}

.ceNewsList .articleMobile:first-child {
    padding-top: 0
}

.ceNewsList .articleMobile:last-child {
    border-bottom: none
}

.ceNewsList .articleMobile .news-list-date {
    display: block;
    color: #333;
    line-height: 1.5em;
    font-size: 0.875em
}

.ceNewsList .articleMobile .news-list-title {
    display: block;
    color: #333;
    font-size: 1.429em;
    font-weight: 400;
    line-height: 1.25em;
    margin-bottom: 0.5em
}

.ceNewsList .articleMobile .newsImageList {
    margin-bottom: 1.5em
}

.ceNewsList .articleMobile .teaser-text {
    color: #333;
    line-height: 1.5em;
    font-size: 0.875em
}

.ceNewsList .articleMobile a {
    color: #009835
}

.ceNewsList .articleMobile a:hover {
    text-decoration: underline
}

.ceNewsList .articleMobile a.arrow {
    margin-top: 0.938em;
    display: block;
    color: #333
}

.ceNewsList .articleMobile a.arrow:hover {
    color: #333;
    text-decoration: none
}

.ceNewsList .articleMobile a.arrow:before {
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e000";
    font-size: 0.714em;
    padding: 0px 0.357em 0px 0.357em;
    position: relative;
    top: -1px;
    color: #009835
}

.ceNewsList .articleMobile + .page-navigation {
    margin-top: 1.875em;
    margin-bottom: 1.875em
}

.ceNewsList .overall-info > span {
    color: #009835
}

.ceNewsList .box img.box-image {
    border-top: none !important;
    height: auto !important;
    position: relative;
    width: 100% !important
}

.ceNewsList .newsSideContent > div {
    margin-bottom: 1.25em
}

.newsImageDetail {
    margin-bottom: 1.5em
}

.newsTextDetail, .newsTeaserDetail {
    margin-bottom: 1.5em;
    color: #333;
    line-height: 1.5em;
    font-size: 0.875em
}

.newsTextDetail:last-child, .newsTeaserDetail:last-child {
    margin-bottom: 0
}

.newsImageList {
    background-color: #f2f2f2
}

.newsImageList img {
    margin: 0 auto
}

.news-single .article h3 {
    margin-bottom: 1em !important;
}

.news-single .article .newsItemDate {
    margin-bottom: 0.5em;
    display: block;
    color: #333;
    line-height: 1.5em;
    font-size: 1.125em;
    font-weight: 400
}

.news-backlink-wrap a, .newsList a, .eventList a {
    color: #009835
}

.news-backlink-wrap a:hover, .newsList a:hover, .eventList a:hover {
    text-decoration: underline
}

.news-backlink-wrap a.arrow, .newsList a.arrow, .eventList a.arrow {
    color: #333
}

.news-backlink-wrap a.arrow:hover, .newsList a.arrow:hover, .eventList a.arrow:hover {
    color: #333;
    text-decoration: none
}

.news-backlink-wrap a.arrow:before, .newsList a.arrow:before, .eventList a.arrow:before {
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e000";
    font-size: 0.714em;
    padding-right: 0.8em;
    position: relative;
    top: -1px;
    color: #009835
}

.newsList .title a {
    color: #666
}

.news-img-caption {
    color: #333;
    font-size: 0.75em;
    margin-top: 0.75em;
    line-height: 1.5
}

.news-backlink-wrap a {
    color: #333;
    text-decoration: underline
}

.news-backlink-wrap a:hover {
    color: #009835
}

.news-backlink-wrap a.arrow:hover {
    color: #009835;
    text-decoration: underline
}

.news-backlink-wrap a.arrow:before {
    content: "\e021";
    display: inline-block
}

.news-related {
    border: none
}

.newsRelated-linkWrapper {
    border-left: 2px solid #f2f2f2;
    padding-left: 0.625em;
    margin-top: 20px
}

.news-related-links {
    padding: 0
}

.news-related-links h3 {
    margin-bottom: 0
}

.news-related-links h3.icon-links {
    padding-left: 40px
}

.news-related-links h3.icon-links:before {
    content: url('../../global/Images/icons/links.png?1401806231');
    position: absolute;
    margin-left: -40px;
    margin-top: -6px;
    width: 36px;
    height: 36px
}

.svg .news-related-links h3.icon-links:before {
    content: url('../../global/Images/icons/links.svg?1401806092')
}

.news-related-links ul {
    margin-top: 0.714em;
    font-size: 1.143em
}

.news-related-links ul li {
    display: list-item;
    margin-bottom: 0.625em;
    padding-left: 0;
    line-height: 1.5
}

.news-related-links ul li:before {
    display: none
}

.news-related-links ul li a {
    text-decoration: none;
    font-size: 0.875em;
    line-height: 1.5
}

.news-related-links ul li a.arrow {
    position: relative;
    padding-left: 1em;
    display: inline-block
}

.news-related-links ul li a.arrow:before {
    position: absolute;
    left: 0;
    top: 6px;
    padding-right: 0
}

.newsList, .eventList {
    min-height: 12.5em
}

.news-paginator {
    list-style-type: none
}

.news-paginator li {
    display: inline-block;
    margin-right: 0.5em
}

.news-paginator a, .news-paginator a:link, .news-paginator a:active, .news-paginator a:focus, .news-paginator a:visited {
    color: #333
}

.news-paginator .previous a:after {
    color: #009835;
    font-size: 8px;
    margin-left: 5px;
    position: relative;
    bottom: 1px;
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e021"
}

.news-paginator .next a:before {
    color: #009835;
    font-size: 8px;
    margin-right: 5px;
    position: relative;
    bottom: 1px;
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e000"
}

.news-paginator .current {
    color: #009835
}

.ceNewsCalendar a {
    text-decoration: none
}

.ceNewsCalendar .contenttable {
    width: 100%
}

.tx-indexedsearch a {
    text-decoration: none
}

.tx-indexedsearch h1, .tx-indexedsearch h2, .tx-indexedsearch h3, .tx-indexedsearch h4, .tx-indexedsearch h5, .tx-indexedsearch h6 {
    color: #999;
    font-size: 1.625em;
    font-weight: 400;
    line-height: 1.5
}

.tx-indexedsearch h1 {
    color: #009835;
    margin-bottom: 1.5em
}

.tx-indexedsearch h3 {
    margin-bottom: 1.077em;
    line-height: 1.3
}

.tx-indexedsearch .searchForm {
    background-color: #f2f2f2;
    margin-bottom: 1.5em;
    padding: 1.75em 0 0.25em
}

.tx-indexedsearch .searchForm .searchBox {
    float: left
}

.tx-indexedsearch .searchForm .searchBox .search {
    display: block;
    float: left;
    height: 2em;
    margin: 0px;
    width:auto;
    padding: 0px 0.462em;
    border: 2px solid #e3e3e3;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 0px 0px 3px;
    font-size: 0.813em
}

.tx-indexedsearch .searchForm .searchBox .search-button {
    display: block;
    float: right;
    height: 2em;
    font-size: 0.813em;
    font-family: 'Weinig-Iconfont';
    line-height: 1.538em;
    padding: 0px 0.462em;
    border: 2px solid #e3e3e3;
    color: #a6a6a6;
    width:auto;
    cursor: pointer;
    border-left: none;
    background: #fff;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px 3px 3px 0px
}

.tx-indexedsearch .searchForm .searchBox__label {
    margin-right: 0.625em
}

.tx-indexedsearch-form__element {
    margin-bottom: 1.5em
}

.tx-indexedsearch-form__element > label {
    float: left
}

.tx-indexedsearch-selectbox-sections__label {
    display: block
}

.tx-indexedsearch-selectbox-sections__label:first-child {
    margin-bottom: 1em
}

.tx-indexedsearch-selectbox-sections__hideLabel {
    display: none;
    margin-right: 0.5em
}

.no-js .tx-indexedsearch-selectbox-sections__hideLabel {
    display: block
}

.tx-indexedsearch-browsebox {
    margin-bottom: 1.5em
}

.tx-indexedsearch .browsepages > strong {
    font-weight: 400;
    color: #009835
}

.tx-indexedsearch .browsebox {
    list-style-type: none
}

.tx-indexedsearch .browsebox li {
    display: inline-block;
    margin-right: 0.5em
}

.tx-indexedsearch .browsebox a, .tx-indexedsearch .browsebox a:link, .tx-indexedsearch .browsebox a:active, .tx-indexedsearch .browsebox a:focus, .tx-indexedsearch .browsebox a:visited {
    color: #333
}

.tx-indexedsearch .browsebox__prevPage a:after {
    color: #009835;
    font-size: 8px;
    margin-left: 5px;
    position: relative;
    bottom: 1px;
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e021"
}

.tx-indexedsearch .browsebox__nextPage a:before {
    color: #009835;
    font-size: 8px;
    margin-right: 5px;
    position: relative;
    bottom: 1px;
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e000"
}

.tx-indexedsearch .browsebox__currentPage a, .tx-indexedsearch .browsebox__currentPage a:link, .tx-indexedsearch .browsebox__currentPage a:active, .tx-indexedsearch .browsebox__currentPage a:focus, .tx-indexedsearch .browsebox__currentPage a:visited {
    color: #009835
}

.tx-indexedsearch-result {
    padding: 1.125em 0;
    border-top: 2px solid #f2f2f2
}

.tx-indexedsearch-result > h2 {
    margin-bottom: 0.5em
}

.tx-indexedsearch-result__title {
    display: table-cell;
    width: 100%
}

.tx-indexedsearch-result__title a {
    color: #999
}

.tx-indexedsearch-result__percent {
    font-size: 0.688em;
    display: table-cell;
    vertical-align: middle
}

.tx-indexedsearch-result__descr {
    margin-bottom: 1em
}

.tx-indexedsearch-result__info {
    font-size: 0.688em;
    color: #999
}

.tx-indexedsearch-result__info a {
    color: #999
}

.tx-indexedsearch-redMarkup {
    color: #009835
}

.tx-indexedsearch-noresults {
    margin-bottom: 1em
}

.feLogin {
    background-color: #f2f2f2;
    padding: 1.5em 0;
    margin-bottom: 2.5em
}

.feLogin a {
    color: #666
}

.feLogin label {
    color: #666;
    width: 7em;
    float: left;
    margin-right: 1em
}

.feLogin input, .feLogin textarea {
    width: 20.923em;
    max-width: 100%;
    max-height: 20.923em;
    margin: 0;
    padding: 0.308em 0.308em;
    border: 1px solid #cecece;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 0.813em;
    color: #333
}

.feLogin input[type=submit] {
    background-color: #009835;
    color: #fff;
    padding: 0.875em 1em;
    margin-left: 9.846em;
    margin-top: 20px;
    border: none;
    width: auto;
    cursor: pointer;
    -moz-transition: background-color 250ms;
    -webkit-transition: background-color 250ms;
    transition: background-color 250ms
}

.feLogin input[type=submit]:hover {
    background-color: #00a239
}

.feLogin .login-element {
    margin-bottom: 1em
}

.feLogin .login-forgotLink a, .feLogin .login-backLink a {
    color: #333
}

.feLogin .login-forgotLink a:hover, .feLogin .login-backLink a:hover {
    color: #009835
}

.feLogin .login-forgotLink a:before, .feLogin .login-backLink a:before {
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e000";
    font-size: 0.625em;
    padding-right: 0.5em;
    position: relative;
    top: -1px;
    color: #009835;
    display: inline-block;
    text-decoration: none
}

.feLogin .login-backLink a:before {
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e021"
}

.feLogin .errorMessage {
    margin-bottom: 1em;
    display: block;
    color: #9c0000
}

.feLogin .error label {
    color: #9c0000
}

.feLogin .error input[type=text], .feLogin .error input[type=password], .feLogin .error textarea {
    outline: #9c0000;
    -moz-box-shadow: 0 0 4px 2px rgba(156, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 4px 2px rgba(156, 0, 0, 0.8);
    box-shadow: 0 0 4px 2px rgba(156, 0, 0, 0.8)
}

.feLogin fieldset {
    border: none;
}

.feLogin fieldset legend {
    display: none;
}

.ceAJAXList .maxMargin {
    margin-bottom: 1.25em
}

.ceAJAXList .header h1, .ceAJAXList .header h2, .ceAJAXList .header h4, .ceAJAXList .header h5, .ceAJAXList .header h6 {
    color: #009835;
    font-size: 1.625em;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 0.769em
}

.ceAJAXList .header h3 {
    color: #333;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.25em;
    margin-bottom: 1em
}

.ceAJAXList .label {
    color: #666
}

.ceAJAXList .ceAJAXList__selectWrapper {
    background-color: #f2f2f2;
    padding: 1.25em 0;
    margin-bottom: 2.5em
}

.ceAJAXList .ajaxSelect {
    font-size: 0.813em;
    padding: 0.231em;
    border: 1px solid #cecece;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #333
}

.ceAJAXList .ajaxWrapper .ajaxLoaderImage {
    display: none;
    margin-bottom: 2.5em
}

.ceAJAXList .ajaxWrapper .ajaxLoaderImage img {
    margin: 0 auto;
    display: none
}

.no-svg .ceAJAXList .ajaxWrapper .ajaxLoaderImage .gifLoadingImage {
    display: block
}

.svg .ceAJAXList .ajaxWrapper .ajaxLoaderImage .svgLoadingImage {
    display: block
}

.ceAJAXList .ajaxWrapper.loading .ajaxLoaderImage {
    display: block
}

.ceJalousie {
    margin-bottom: 1.25em
}

.ceJalousie .jalousie-header h1, .ceJalousie .jalousie-header h2, .ceJalousie .jalousie-header h3, .ceJalousie .jalousie-header h4, .ceJalousie .jalousie-header h5, .ceJalousie .jalousie-header h6 {
    color: #999;
    font-size: 1.625em;
    font-weight: 300;
    line-height: 1.5em;
    padding-bottom: 0.192em;
    padding-right: 1.462em;
    margin-bottom: 0.769em;
    border-bottom: 2px solid #009835;
    cursor: pointer
}

.ceJalousie .jalousie-header h1:after,
.ceJalousie .jalousie-header h2:after,
.ceJalousie .jalousie-header h3:after,
.ceJalousie .jalousie-header h4:after,
.ceJalousie .jalousie-header h5:after,
.ceJalousie .jalousie-header h6:after {
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e012";
    position: absolute;
    right: 0.294em;
    margin-top: 3px;
    font-size: 1.308em;
    color: #009835;
    -webkit-font-smoothing: antialiased
}

 .jalousie-header.open h1:after,
 .jalousie-header.open h2:after,
 .jalousie-header.open h3:after,
 .jalousie-header.open h4:after,
 .jalousie-header.open h5:after,
 .jalousie-header.open h6:after {
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e011"
}

/*Ticket: 14895 Feature recursive Jalousie */

/*.ceJalousie > .ceJalousie .ceJalousie .jalousie-header {
    margin-left: 20px;
}*/
.ceJalousie > .ceJalousie .ceJalousie .ym-g960-8 {
    padding-left: 20px;
}

.ceJalousie > .ceJalousie .ceJalousie .ym-g960-12 {
    padding-left: 20px;
}

#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: visible !important
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: visible;
    -webkit-overflow-scrolling: touch
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

#cboxWrapper > div:nth-child(2):before {
    content: "";
    display: table
}

#cboxWrapper > div:nth-child(2):after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

#cboxOverlay {
    background: #000;
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important
}

#colorbox {
    outline: 0
}

#cboxContent {
    margin-top: 46px;
    overflow: visible;
    background: #fff
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    background: #fff;
    padding: 0px;
    position: fixed
}

#cboxLoadingGraphic {
    background: url('../../global/Images/loading.gif?1398345694') no-repeat center center
}

#cboxLoadingOverlay {
    background: #fff
}

#cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #fff
}

#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background: url('../../global/Images/controls.png?1398168701') no-repeat 0 0
}

#cboxPrevious {
    width: 36px;
    height: 36px;
    left: 0px;
    top: -54px
}

#cboxNext {
    width: 36px;
    height: 36px;
    left: 46px;
    top: -54px
}

#cboxClose {
    width: 36px;
    height: 36px;
    right: -18px;
    top: -54px
}

.overlay #cboxClose {
    display: none
}

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0
}

#cboxPrevious {
    background-position: -36px 0px
}

#cboxPrevious:hover {
    background-position: -36px -36px
}

#cboxNext {
    background-position: -72px 0px
}

#cboxNext:hover {
    background-position: -72px -36px
}

#cboxClose {
    background-position: 0px 0px
}

#cboxClose:hover {
    background-position: 0px -36px
}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
    right: 66px
}

.cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px
}

.cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -100px -25px
}

.cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0px;
    right: 44px
}

.cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -75px -25px
}

.occ-overlay {
    position: absolute;
    position: fixed;
    z-index: 10002;
    bottom: 3em;
    background: rgba(0, 0, 0, 0.7);
    left: 50%;
    width: 25em;
    margin-left: -12.5em;
    opacity: 0;
    -moz-transition: opacity 500ms;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.occ-overlay.show {
    opacity: 1
}

.occ-overlay .occ-wrapper .occ-content {
    text-align: left
}

.occ-overlay .occ-content {
    font-size: 0.875em;
    padding: 0.714em;
    color: #fff
}

.occ-overlay .occ-title {
    display: none
}

.occ-overlay .occ-privacy-policy {
    display: inline-block
}

.occ-overlay .occ-privacy-policy.disabled {
    display: none
}

.occ-overlay .occ-buttons-left {
    display: table-cell;
    width: 100%
}

.occ-overlay .occ-buttons-right {
    display: table-cell;
    width: 100%;
    text-align: right;
    padding-right: 1em
}

.occ-overlay .occ-accept {
    text-transform: uppercase;
    text-align: center
}

.occ-overlay .occ-accept.disabled {
    display: none
}

.occ-overlay .occ-deny {
    display: block;
    float: left
}

.occ-overlay .occ-deny.disabled {
    display: none
}

.occ-overlay .occ-clearfix {
    display: block;
    clear: both
}

.occ-overlay .richtext {
    color: #fff
}

.occ-overlay .richtext a {
    color: #fff
}

.occ-lock {
    position: absolute;
    z-index: 10001;
    top: 0em;
    width: 100%;
    height: 100%;
    background: transparent;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.75)
}

.expertsOuter {
    height: 100%
}

.expertsMenu {
    position: absolute;
    width: 100%;
    border-bottom: 2px solid #F1F1F1
}

.expertsList {
    list-style-type: none;
    margin: 3.25em 0 0
}

.expertsList li {
    float: left;
    margin-right: 0.571em;
    padding: 0.571em 0.857em;
    border-style: solid;
    border-color: #F1F1F1;
    border-width: 1px 1px 0;
    border-radius: 4px 4px 0 0;
    font-size: 0.875em;
    color: #666;
    background-color: #fff
}

.expertsList li:hover {
    cursor: pointer
}

.expertsList li.active {
    background-color: #F1F1F1
}

.expertsLogo {
    width: 24px;
    height: 24px;
    margin-right: 0.286em;
    display: inline-block;
    vertical-align: middle
}

.expertsStage {
    width: 100%;
    height: 100%;
    border: 0;
    display: block
}

.inIframe{
    height: 100%!important;
}
/** 2-10-2015 **/
.browser_link {
    list-style-type: none
}

.browser_link span a {
    display: inline-block;
    margin-right: 0.5em
}

.browser_link a, .browser_link a:link, .browser_link a:active, .browser_link a:focus, .browser_link a:visited {
    color: #333
}

.browser_link .previous a:after {
    color: #009835;
    font-size: 8px;
    margin-left: 5px;
    position: relative;
    bottom: 1px;
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e021"
}

.browser_link .next a:before {
    color: #009835;
    font-size: 8px;
    margin-right: 5px;
    position: relative;
    bottom: 1px;
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e000"
}

.tx-frportfolio-pi1-browsebox .tx-frportfolio-pi1-browsebox-SCell {
    color: #009835
}

.news-list-view .showResultsWrap > span {
    color: #009835;
}

.news-list-view .activeLinkWrap a {
    color: #009835;
}

.tx-frportfolio-pi1 .ceNewsList .more_link a:before {
    font-family: 'Weinig-Iconfont';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e000";
    font-size: 0.714em;
    padding-right: 0.8em;
    position: relative;
    top: -1px;
    display: inline-block;
    text-decoration: none;
    color: #009835;
}
/*
.newsTextDetail p.bodytext {
    padding-bottom: 10px;
}
*/

/** 29-12-2015 **/
#productContact1 {
    background-color: #009835;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;

}

#productContact1 span {
    padding: 0 5px 0 0;
}

.product-contact {
    float: left;
    width: 100%;
}

#productContact2 {
    background-color: #7F7F7F;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    margin-left: 5px;
    text-transform: uppercase;

}

#productContact2 span {
    padding: 0 5px 0 0;
}

#productContact3 {
    background-color: #009835;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    margin-left: 5px;
    text-transform: uppercase;

}

#productContact3 span {
    padding: 0 5px 0 0;
}

#productContact4 {
    background-color: #009835;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    margin-left: 5px;
    text-transform: uppercase;

}

#productContact4 span {
    padding: 0 5px 0 0;
}


a.languageNotice__c2code:after {
    border-color: transparent transparent transparent #009835;
    border-style: solid;
    border-width: 17px 0 17px 15px;
    content: " ";
    display: inline-block;
    height: 0;
    position: absolute;
    right: -14px;
    top: 0;
    width: 0;
}

a.languageNotice__c2code {
    background: #009835 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    line-height: 33px;
    margin: 15px 0 0;
    padding: 0 16px;
    position: relative;
    text-decoration: none !important;
    text-transform: uppercase;
}

.fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../../global/Images/controls.png') !important;
    background-size: auto !important;
}

.fancybox-prev {
    height: 36px !important;
    left: 0em !important;
    top: -3.4em !important;
    width: 36px !important;
}

.fancybox-next {
    height: 36px !important;
    left: 3em !important;
    top: -3.4em !important;
    width: 36px !important;
}

.fancybox-nav span {
    visibility: visible !important;
}

.fancybox-close {
    right: 0 !important;
    top: -55px !important;
}

.fancybox-prev span {
    background-position: 117px 0 !important;
    left: 0 !important;
}

.fancybox-next span {
    background-position: 81px 0 !important;
    width: 37px !important;
    right: 0 !important;
}

.fancybox-iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    background: #fff;
}

/*sliderAnpassungen*/
#slider .sliderNav {
    position: relative;
    text-align: right;
    padding-top: 100px;
    z-index: 20;
}

#slider .sliderNav .sliderNavPoint {
    height: 20px;
    width: 20px;
    background-color: #FFF;
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
    transition: all 4000ms ease-out;
}

#slider .sliderNav .captionTooltip {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    content: attr(title);
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
}

#slider .sliderNav .captionTooltip:before {
    border: solid;
    border-color: rgba(0, 0, 0, 0.7) transparent;
    border-width: 0px 0px 20px 32px;
    top: -20px;
    content: "";
    right: 0;
    position: absolute;
    z-index: 99;
}

#slider .sliderNav .sliderNavPoint.active {
    background-color: #009835;
    cursor: default;
}

#slider .sliderNav .sliderNavPoint .caption {
    display: none;
}

#slider .image {
    opacity: 0;
    z-index: 10;
    transition: opacity 4000ms ease-out;
}

#slider .image.show {
    opacity: 1;
    z-index: 20;
}

#slider .richtext {
    font-size: 1rem;
    margin-top: 1em;
}

#vimeo, #instagram, #youtube {
    width: 40px!important;
    height: 41px !important;
}

@media (max-width: 450px) {
    #vimeo, #instagram, #youtube {
        width: 44px!important;
        height: 44px !important;
    }
}
.greyBackground {
    background-color: #f2f2f2;
    margin-bottom: 2.5em;
    padding-top: 10px;
}
.ceMarginalList .greyBackground{padding-top:1em; padding-bottom:1em;}
.ceText + .ceMarginalList .greyBackground {margin-top: -2em;}
#main > .ceMarginalList {padding-left:0;}

.dataprotectionField {}
.dataprotectionField .dataprotectionFieldLabel{color: #666;    line-height:24px;     padding-right: 1em;}
.dataprotectionField .checkbox{margin-left:  8em;}
.dataprotectionField .checkbox label{margin-left:  15px;}

.tx-frportfolio-pi1 #thumblist .ym-gl {
    margin-bottom: 10px;
}

.d-none{
    display: none;
}
.d-flex {
    display: flex !important;
}
/*contactForms*/
.hiddenPriceForm {
    opacity: 1;
    overflow: auto;
    width: 970px;
    position: fixed;
    top: 20px;
    left: 50%;
    z-index: 2000;
    transform: translateX(-50%);
    max-width: 98%;
    bottom: 20px;
}

.hiddenPriceForm .element{
    background-color: white;
}

.hiddenPriceForm .ceText{
    margin: 0 !important;
    padding: 0.5em;
}

.hiddenPriceForm .ceMailform{
    margin: 0 !important;
    padding: 0 !important;
}

.hiddenPriceForm .close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-size: 25px;
}

.hiddenPriceFormBackdrop{
    position: fixed;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 1000;
    display: none;
}
.kachelItem {
    display:flex;
    width: 100%;
    align-items: center;
    min-height: 168px;
    padding: 1em 0.5em;
    background: #999;
    color: #fff;
    transition: 0.3s background ease;
    justify-content: center;
    text-align: center;
    margin-bottom: 1.2em;
}
.kachelItem:hover{background-color: #6f6f6f;}
.kachelItem.green{background-color: #009835;}
.kachelItem.green:hover{background-color: #006523;}
.kachelItem.orange{background-color:#f60;}
.kachelItem.orange:hover{background-color:#bb4b00;}

.pim .downloadList .richtext  .prospectButton {
    display: inline-block;
    background-color: #009835;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.pim .downloadList .richtext  .prospectButton .prospectTitle {
    display: inline-block;
    padding-left: 3px;
}

.pim .downloadList .richtext  .prospectButton .prospectTitle.pimTitle {
    padding-left: 6px;
}