#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-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;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* disable link highlighting */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* respopage stylesheet v.1.0 */
/* css reset */
/* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
iframe,
main,
nav,
section,
summary {
    display: block;
}

/* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/* Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) {
    display: none;
    height: 0px;
}

/* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] {
    display: none;
}

/* prevent text resizing mobile devices */
html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

/* Address `font-family` inconsistency between `textarea` and other form elements. */
html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
    outline: thin dotted;
}

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
    outline: none;
}

/* general resize elemts. no automatic margins paddings etc. */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
hr,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    background: transparent;
    border: none;
    font-size: 100%;
    margin: 0px;
    outline: none;
    padding: 0px;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

/* Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0px;
}

/* Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
}

/* Improve readability of pre-formatted text in all browsers. */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* blockquotes reset */
blockquote,
q {
    quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: '';
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

input {
    margin: 0px;
    padding: 0px;
}

/* Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. Improve image quality when scaled in IE 7. */
img {
    border: none;
    -ms-interpolation-mode: bicubic;
}

/* Correct overflow displayed oddly in IE 9. */
svg:not(:root) {
    overflow: hidden;
}

/* destroy automatic focus outline */
a:focus {
    outline: none;
}

/* reset table collapse */
table {
    border-collapse: collapse;
    border-spacing: 0px;
}

/* Correct font size not being inherited in all browsers.Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. Improve appearance and consistency in all browsers. */
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0px;
    vertical-align: baseline;
    *vertical-align: middle;
}

/* Address inconsistent `text-transform` inheritance for `button` and `select` */
button,
select {
    text-transform: none;
}

/* Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. Correct inability to style clickable `input` types in iOS. Improve usability and consistency of cursor style between image-type `input` and others. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

/* Re-set default cursor for disabled elements. */
button[disabled],
html input[disabled] {
    cursor: default;
}

/* Address box sizing set to content-box in IE 8/9. Remove excess padding in IE 8/9. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0px;
    *height: 13px;
    *width: 13px;
}

/* Address `appearance` set to `searchfield` in Safari 5 and Chrome. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/* Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/* Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: none;
    padding: 0px;
}

/* Remove default vertical scrollbar in IE 6/7/8/9. Improve readability and alignment in all browsers. */
textarea {
    overflow: auto;
    resize: none;
    vertical-align: top;
}
@media print {

}

@font-face {
    font-family: 'CALFont';
    src: url('../../files/theme/fonts/CALFont.eot');
    src: url('../../files/theme/fonts/CALFont.eot?#iefix') format('embedded-opentype'),
        url('../../files/theme/fonts/CALFont.ttf') format('truetype'),
        url('../../files/theme/fonts/CALFont.woff') format('woff');
    font-weight: 300;
}

@font-face {
    font-family: 'Lora';
    src: url('../../files/theme/fonts/lora-v26-latin-regular.eot');
    src: url('../../files/theme/fonts/lora-v26-latin-regular.eot?#iefix') format('embedded-opentype'),
        url('../../files/theme/fonts/lora-v26-latin-regular.woff2') format('woff2'),
        url('../../files/theme/fonts/lora-v26-latin-regular.woff') format('woff'),
        url('../../files/theme/fonts/lora-v26-latin-regular.ttf') format('truetype'),
        url('../../files/theme/fonts/lora-v26-latin-regular.svg#Lora') format('svg');
    font-weight: 400;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../../files/theme/fonts/source-sans-pro-v21-latin-regular.eot');
    src: url('../../files/theme/fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'),
        url('../../files/theme/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'),
        url('../../files/theme/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'),
        url('../../files/theme/fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'),
        url('../../files/theme/fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg');
    font-weight: 400;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../../files/theme/fonts/source-sans-pro-v21-latin-700.eot');
    src: url('../../files/theme/fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'),
        url('../../files/theme/fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'),
        url('../../files/theme/fonts/source-sans-pro-v21-latin-700.woff') format('woff'),
        url('../../files/theme/fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'),
        url('../../files/theme/fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg');
    font-weight: 700;
}

@media screen {

    /* Basic Layout */

    body {
        background-color: #f7f7f7;
        font-family: 'Source Sans Pro';
        font-size: 0.625em;
        font-weight: normal;
    }

    a {
        text-decoration: none;
    }

    .invisible {
        display: none;
    }

    div#overlay {
        background-color: rgba(32,37,41,0.8);
        height: 100%;
        left: 0px;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        top: 0px;
        transition: opacity 0.3s ease-in-out;
        width: 100%;
        z-index: 10;
    }

    div#overlay.active {
        opacity: 1;
        pointer-events: auto;
    }

    /* Header */

    header {
        background-color: #ffffff;
    }

    header.fixed {
        bottom: auto;
        left: 0px;
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 90;
    }

    header > div#header_top {
        background-color: #ffffff;
        position: relative;
        z-index: 30;
    }

    header > div#header_top > div.wrapper {
        -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end;
        box-sizing: border-box;
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
        margin-left: auto;
        margin-right: auto;
        max-width: 1170px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    /* Header: Menu Language */

    header nav#language {
        border-left-color: #e8e8e8;
        border-left-style: solid;
        border-left-width: 1px;
        border-right-color: #e8e8e8;
        border-right-style: solid;
        border-right-width: 1px;
        box-sizing: border-box;
        position: relative;
    }

    header nav#language > a {
        color: #5b6770;
        display: block;
        font-size: 1.3em;
        line-height: 1.85em;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 25px;
        padding-top: 10px;
        position: relative;
    }

    header nav#language > a::after {
        color: #008158;
        content: '\46';
        display: block;
        font-size: 10px;
        font-family: 'CALFont';
        position: absolute;
        right: 0px;
        top: 50%;
        -ms-transform: translate(-50%, -50%) rotate(90deg);
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg);
    }

    header nav#language ul {
        background-color: #ffffff;
        margin-left: -1px;
        margin-top: 1px;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition: opacity 0.3s ease-in-out;
        z-index: 30;
    }

    header nav#language ul.active {
        opacity: 1;
        pointer-events: auto;
    }

    header nav#language ul > li {
        border-bottom-color: #e8e8e8;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-color: #e8e8e8;
        border-left-style: solid;
        border-left-width: 1px;
        border-right-color: #e8e8e8;
        border-right-style: solid;
        border-right-width: 1px;
    }

    header nav#language ul > li > a {
        color: #5b6770;
        display: block;
        font-size: 1.3em;
        line-height: 1.85em;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        text-transform: uppercase;
        transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    }

    header nav#language ul > li > a:hover {
        background-color: #008158;
        color: #ffffff;
    }

    /* Header: Search */

    header div#search {
        position: relative;
    }

    header div#search input {
        background-color: none;
        border-bottom: none;
        border-left: none;
        border-right-color: #e8e8e8;
        border-right-style: solid;
        border-right-width: 1px;
        border-top: none;
        color: #5b6770;
        font-family: 'Source Sans Pro';
        font-size: 1.3em;
        height: 45px;
        line-height: 45px;
        padding-left: 12px;
        padding-right: 55px;
        text-transform: uppercase;
    }

    header div#search button {
        background-color: transparent;
        border: none;
        display: block;
        font-size: 0;
        height: 43px;
        position: absolute;
        right: 1px;
        top: 1px;
        width: 55px;
    }

    header div#search button::before {
        color: #5b6770;
        content: '\51';
        display: block;
        font-family: 'CALFont';
        font-size: 20px;
    }

    /* Header: Menu Header */

    header nav#menu_header ul {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
    }

    header nav#menu_header ul > li {
        margin-right: 1px;
    }

    header nav#menu_header ul > li > a {
        background-color: #008158;
        color: #ffffff;
        display: inline-block;
        font-size: 1.3em;
        height: 45px;
        line-height: 45px;
        padding-left: 18px;
        padding-right: 18px;
        text-transform: uppercase;
        transition: background-color 0.3s ease-in-out;
        vertical-align: middle;
    }

    header nav#menu_header ul > li > a:hover {
        background-color: #f80070;
    }

    /* Header: Menu Main */

    header nav#menu_main {
        background-color: #ffffff;
        border-bottom-color: #e8e8e8;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-top-color: #e8e8e8;
        border-top-style: solid;
        border-top-width: 1px;
        padding-top: 30px;
        position: relative;
        z-index: 20;
    }

    header nav#menu_main > div.wrapper {
        -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end;
        box-sizing: border-box;
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
        max-width: 1170px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    header nav#menu_main div.logo {
        align-self: flex-start;
        box-sizing: border-box;
        width: 25%;
    }

    header nav#menu_main div.logo img {
        display: block;
        height: auto;
        max-width: 100%;
    }

    header nav#menu_main div.logo a {
        display: inline-block;
    }

    header nav#menu_main div.menu {
        align-self: flex-start;
        width: 75%;
    }

    header nav#menu_main div.menu a.icon {
        display: none;
    }

    header nav#menu_main div.menu ul.level_1 {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
    }

    header nav#menu_main div.menu ul.level_1 > li > a {
        color: #202529;
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        font-size: 1.6em;
        font-weight: 600;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        justify-content: space-between;
        outline: none;
        padding-bottom: 25px;
        position: relative;
        transition: color 0.3s ease-in-out;
    }

    header nav#menu_main div.menu ul.level_1 > li > a:hover {
        color: #008158;
    }

    header nav#menu_main div.menu ul.level_1 > li > a::before {
        color: #e8e8e8;
        content: '|';
        line-height: 45px;
        vertical-align: middle;
    }

    header nav#menu_main div.menu ul.level_1 > li.first > a::before {
        display: none;
    }

    header nav#menu_main div.menu ul.level_1 > li > a::after {
        background-color: #008158;
        bottom: 0px;
        content: '';
        height: 5px;
        left: 0px;
        opacity: 0;
        position: absolute;
        transition: opacity 0.3s ease-in-out;
        width: 100%;
    }

    header nav#menu_main div.menu ul.level_1 > li:hover > a::after {
        opacity: 1;
    }

    header nav#menu_main div.menu ul.level_1 > li > a > span {
        line-height: 45px;
        padding-left: 8px;
        padding-right: 8px;
        vertical-align: middle;
    }

    header nav#menu_main div.menu ul.level_1 > li > a.first > span {
        padding-left: 0px;
    }

    header nav#menu_main div.menu ul.level_1 > li > a.last > span {
        padding-right: 0px;
    }

    header nav#menu_main div.menu div.submenu {
        background-color: #f1f1f1;
        left: 0px;
        opacity: 0;
        padding-bottom: 30px;
        pointer-events: none;
        position: absolute;
        top: 100%;
        transition: opacity 0.3s ease;
        width: 100%;
        z-index: 30;
    }

    header nav#menu_main div.menu div.submenu.active {
        opacity: 1;
        pointer-events: auto;
    }

    header nav#menu_main div.menu div.submenu::before {
        background: rgba(32,37,41,.5);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(32,37,41,.5)),color-stop(100%,transparent));
        background: -webkit-linear-gradient(top,rgba(32,37,41,.5) 0,transparent 100%);
        background: linear-gradient(to bottom,rgba(32,37,41,.5) 0,transparent 100%);
        content: '';
        display: block;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#000000',GradientType=0);
        height: 4px;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    header nav#menu_main div.menu div.submenu > div.wrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 1170px;
        width: 100%;
    }

    header nav#menu_main div.menu ul.level_2 {
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start;
        box-sizing: border-box;
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        margin-left: auto;
        margin-right: 0px;
    }

    header nav#menu_main div.menu ul.level_2 > li {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 30px;
        white-space: nowrap;
    }

    header nav#menu_main div.menu ul.level_2 > li > a {
        color: #008158;
        display: block;
        font-size: 2em;
    }

    header nav#menu_main div.menu ul.level_3 {
        margin-top: 15px;
    }

    header nav#menu_main div.menu ul.level_3 > li {
        margin-bottom: 12px;
    }

    header nav#menu_main div.menu ul.level_3 > li > a {
        font-size: 1.6em;
        color: #202529;
        display: inline-block;
        padding-left: 42px;
        position: relative;
        transition: color 0.3s ease-in-out;
    }

    header nav#menu_main div.menu ul.level_3 > li > a:hover {
        color: #008158;
    }

    header nav#menu_main div.menu ul.level_3 > li > a:before {
        background-color: #008158;
        content: '';
        display: block;
        height: 1px;
        left: 0px;
        position: absolute;
        top: 10px;
        width: 28px;
    }

    /* Content */

    div#content {
        background-image: linear-gradient(to bottom, rgba(247,247,247,0) 0px, rgba(247,247,247,1) 40%), url('../../files/theme/images/header.jpg');
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    div#content > div.wrapper {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        max-width: 1170px;
        padding-bottom: 100px;
        padding-left: 15px;
        padding-top: 50px;
        padding-right: 15px;
        width: 100%;
    }

    div#content > div.wrapper::after {
        clear: both;
        content: '';
        display: table;
    }

    div#content main {
        float: left;
        width: 70%;
    }

    div#content main.wide {
        width: 100%;
    }

    div#content aside {
        float: left;
        margin-left: 5%;
        width: 25%;
    }

    /* Footer */

    footer {
        background-color: #202529;
        clear: both;
        padding-top: 110px;
    }

    /* Footer: Icons Socialmedia */

    footer div#icons_social_media {
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -160px;
        max-width: 1170px;
    }

    footer div#icons_social_media ul {
        align-items: center;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }

    footer div#icons_social_media ul li {
        color: #fff;
        display: block;
        font-size: 2.2em;
        height: 98px;
        line-height: 98px;
        text-align: center;
        vertical-align: middle;
        width: 16.66667%;
    }

    footer div#icons_social_media ul li:hover {
        transform: scale(1.23);
    }

    footer div#icons_social_media ul li:nth-child(1) {
        background-color: #00533b;
    }

    footer div#icons_social_media ul li:nth-child(2) {
        background-color: #007856;
    }

    footer div#icons_social_media ul li:nth-child(3) {
        background-color: #1a906b;
    }

    footer div#icons_social_media ul li:nth-child(4) {
        background-color: #15a076;
    }

    footer div#icons_social_media ul li a {
        align-items: center;
        display: flex;
        font-size: 0px;
        justify-content: center;
    }

    footer div#icons_social_media ul li a:before {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
        content: '';
        display: block;
        height: 22px;
        width: 22px;
    }

    footer div#icons_social_media ul li.linkedin a:before {
        background-image: url('../../files/theme/images/logo_linkedin_white.svg');
    }

    footer div#icons_social_media ul li.xing a:before {
        background-image: url('../../files/theme/images/logo_xing_white.svg');
    }

    footer div#icons_social_media ul li.youtube a:before {
        background-image: url('../../files/theme/images/logo_youtube_white.svg');
    }

    /* Footer: Sitemap */

    footer div#sitemap {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        max-width: 1170px;
        padding-left: 15px;
        padding-right: 15px;
    }

    footer div#sitemap::after {
        clear: both;
        content: '';
        display: table;
    }

    footer div#sitemap ul.level_1 {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }

    footer div#sitemap ul.level_1 > li {
        padding-bottom: 40px;
        width: 25%;
    }

    footer div#sitemap ul.level_1 > li > a {
        color: #008158;
        display: inline-block;
        font-family: 'Lora';
        font-size: 2.1em;
        margin-bottom: 10px;
    }

    footer div#sitemap ul.level_3,
    footer div#sitemap ul.level_4,
    footer div#sitemap ul.level_5 {
        margin-top: 12px;
        margin-left: 16px;
    }

    footer div#sitemap ul.level_2 > li,
    footer div#sitemap ul.level_3 > li,
    footer div#sitemap ul.level_4 > li,
    footer div#sitemap ul.level_5 > li {
        margin-bottom: 12px;
    }

    footer div#sitemap ul.level_2 > li > a,
    footer div#sitemap ul.level_3 > li > a,
    footer div#sitemap ul.level_4 > li > a,
    footer div#sitemap ul.level_5 > li > a {
        color: #ffffff;
        display: inline-block;
        font-size: 1.4em;
        padding-left: 16px;
        position: relative;
        transition: color 0.3s ease-in-out;
    }

    footer div#sitemap ul.level_2 > li > a:hover,
    footer div#sitemap ul.level_3 > li > a:hover,
    footer div#sitemap ul.level_4 > li > a:hover,
    footer div#sitemap ul.level_5 > li > a:hover {
        color: #008158;
    }

    footer div#sitemap ul.level_2 > li > a::before,
    footer div#sitemap ul.level_3 > li > a::before,
    footer div#sitemap ul.level_4 > li > a::before,
    footer div#sitemap ul.level_5 > li > a::before {
        color: #008158;
        content: '\46';
        display: inline-block;
        font-family: 'CALFont';
        font-size: 11px;
        left: 1px;
        position: absolute;
        top: 2px;
    }

    /* Footer: Menus */

    footer div.menus {
        background-color: #181c1f;
        padding-bottom: 20px;
        padding-top: 25px;
    }

    footer div.menus > div.wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin-left: auto;
        margin-right: auto;
        max-width: 1170px;
    }

    /* Footer: Menu Social Media */

    footer nav#menu_social_media {
        flex: 0 0 30%;
    }

    footer nav#menu_social_media > div.wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    footer nav#menu_social_media div.logo a {
        display: block;
    }

    footer nav#menu_social_media div.menu {
        font-size: 0px;
        line-height: 0px;
    }

    footer nav#menu_social_media ul.level_1 > li {
        display: inline-block;
        margin-right: 10px;
    }

    footer nav#menu_social_media ul.level_1 > li > a {
        display: block;
        height: 20px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 20px;
    }

    footer nav#menu_social_media ul.level_1 > li > a.linkedin {
        background-image: url('../../files/theme/images/logo_linkedin.svg');
    }

    footer nav#menu_social_media ul.level_1 > li > a.xing {
        background-image: url('../../files/theme/images/logo_xing.svg');
    }

    footer nav#menu_social_media ul.level_1 > li > a.youtube {
        background-image: url('../../files/theme/images/logo_youtube.svg');
    }

    /* Footer: Menu Footer */

    footer nav#menu_footer {
        flex: 0 0 70%;
    }

    footer nav#menu_footer div.menu {
        text-align: right;
        width: 100%;
    }

    footer nav#menu_footer div.menu ul.level_1 > li {
        color: #ffffff;
        display: inline;
        font-size: 1.2em;
        margin-left: 6px;
        margin-right: 6px;
        position: relative;
    }

    footer nav#menu_footer div.menu ul.level_1 > li.last {
        margin-right: 0px;
    }

    footer nav#menu_footer div.menu ul.level_1 > li::after {
        color: #394446;
        content: '|';
        position: absolute;
        right: -7px;
        top: 0;
    }

    footer nav#menu_footer div.menu ul.level_1 > li.last::after {
        display: none;
    }

    footer nav#menu_footer div.menu ul.level_1 > li > a {
        color: inherit;
        transition: color 0.3s ease-in-out;
    }

    footer nav#menu_footer div.menu ul.level_1 > li > a:hover {
        color: #008158;
    }

    footer nav#menu_footer div.menu p.copyright {
        color: #71787d;
        font-size: 1.2em;
        margin-top: 5px;
    }

    /* Footer: Cookiebar */

    body.cookiebar {
        height: 100vh;
        overflow-y: hidden;
        padding-right: 15px;
    }

    footer div#cookiebar {
        background-color: #008158;
    }

    footer div#cookiebar > div.wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto;
        max-width: 1170px;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        width: 100%;
    }

    footer div#cookiebar div.text {
        color: #ffffff;
        font-size: 1.6em;
        line-height: 1.25em;
    }

    footer div#cookiebar div.text p {
        padding-bottom: 1em;
    }

    footer div#cookiebar div.text p a {
        color: #202529;
        display: inline-block;
        font-weight: 700;
        margin-left: 12px;
        transition: color 0.3s ease-in-out;
    }

    footer div#cookiebar div.text p a:hover {
        color: #ffffff;
    }

    footer div#cookiebar ul.categories {
        color: #ffffff;
        display: flex;
        font-size: 1.6em;
        justify-content: space-between;
        line-height: 1.25em;
    }

    footer div#cookiebar ul.categories li {
        flex-basis: 25%;
        padding-bottom: 0.5em;
    }

    footer div#cookiebar ul.categories a.details {
        background-color: #202529;
        border-radius: 10px;
        display: inline-block;
        height: 20px;
        margin-left: 0.5em;
        text-align: center;
        width: 20px;
    }

    footer div#cookiebar div.details {
        color: #ffffff;
        font-size: 1.4em;
        line-height: 1.25em;
        padding-bottom: 1em;
    }

    footer div#cookiebar div.details p {
        padding-bottom: 1em;
    }

    footer div#cookiebar div.details table {
        padding-bottom: 1em;
        margin-left: -0.5em;
        margin-right: -0.5em;
    }

    footer div#cookiebar div.details table th,
    footer div#cookiebar div.details table td {
        padding: 0.5em;
    }

    footer div#cookiebar ul.buttons {
        display: flex;
        font-size: 1.6em;
        justify-content: space-between;
        line-height: 1em;
    }

    footer div#cookiebar ul.buttons li {
        flex-basis: 33%;
        padding-top: 1em;
    }

    footer div#cookiebar ul.buttons button {
        background-color: #ffffff;
        border: none;
        color: #202529;
        padding-bottom: 12px;
        padding-left: 74px;
        padding-right: 74px;
        padding-top: 12px;
        width: 100%;
    }

    footer div#cookiebar ul.buttons button.all {
        background-color: #f80070;
        color: #ffffff;
    }

}

@media
    screen and (min-device-width: 320px) and (max-device-width: 736px) and (min-resolution: 1dppx),
    screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-resolution: 1dppx),
    screen and (min-device-width: 800px) and (max-device-width: 1280px) and (min-resolution: 2dppx),
    screen and (max-width: 768px) {

    /* Header */

    header > div#header_top > div.wrapper {
        flex-wrap: wrap;
        padding-left: 0px;
        padding-right: 0px;
    }

    /* Header: Menu Language */

    header nav#language {
        border-bottom-color: #e8e8e8;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left: none;
        width: 25%;
    }

    header nav#language > a {
        padding-left: 15px;
    }

    header nav#language ul > li > a {
        padding-left: 15px;
    }

    /* Header: Search */

    header div#search {
        border-bottom-color: #e8e8e8;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        width: 75%;
    }

    /* Header: Menu Header */

    header nav#menu_header {
        width: 100%;
    }

    header nav#menu_header ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
    }

    header nav#menu_header ul > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Header: Menu Main */

    header nav#menu_main {
        padding-top: 0px;
    }

    header nav#menu_main div.logo {
        width: 50%;
    }

    header nav#menu_main div.logo img {
        max-width: 175px;
    }

    header nav#menu_main div.menu {
        align-self: normal;
        width: 50%;
    }

    header nav#menu_main div.menu > i.open {
        color: #008158;
        display: block;
        cursor: pointer;
        font-family: 'CALFont';
        font-size: 2em;
        font-style: normal;
        margin-left: auto;
        margin-right: 0px;
        margin-top: 22px;
        width: 20px;
    }

    header nav#menu_main div.menu > i.open::before {
        content: '\e901';
    }

    header nav#menu_main div.menu.active > i.open::before {
        content: '\e900';
    }

    header nav#menu_main div.menu ul.level_1 {
        background-color: #ffffff;
        display: none;
        left: 0px;
        max-height: 500px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        position: absolute;
        top: 100%;
        width: 100%;
    }

    header nav#menu_main div.menu.active ul.level_1 {
        display: block;
    }

    header nav#menu_main div.menu ul.level_1 > li > a {
        font-size: 2em;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
    }

    header nav#menu_main div.menu ul.level_1 > li > a::before {
        display: none;
    }

    header nav#menu_main div.menu ul.level_1 > li > a::after {
        display: none;
    }

    header nav#menu_main div.menu ul.level_1 > li > a > span {
        line-height: 1em;
        padding-left: 0px;
        padding-right: 0px;
    }

    header nav#menu_main div.menu ul.level_1 > li.submenu > a > i.open {
        color: #008158;
        cursor: pointer;
        font-family: 'CALFont';
        font-size: 12px;
        font-style: normal;
        padding: 15px;
        position: absolute;
        right: 0px;
        top: 0px;
    }

    header nav#menu_main div.menu ul.level_1 > li.submenu > a > i.open::before {
        content: '\5a';
    }

    header nav#menu_main div.menu ul.level_1 > li.submenu.open > a > i.open::before {
        background-color: #008158;
        content: '';
        height: 1px;
        position: absolute;
        right: 15px;
        top: 21px;
        width: 12px;
    }

    header nav#menu_main div.menu div.submenu {
        background-color: transparent;
        left: auto;
        opacity: 1;
        padding-bottom: 0px;
        position: relative;
        top: auto;
        width: auto;
    }

    header nav#menu_main div.menu div.submenu::before {
        display: none;
    }

    header nav#menu_main div.menu ul.level_2 {
        display: none;
    }

    header nav#menu_main div.menu ul.level_1 > li.submenu.open ul.level_2 {
        display: block;
    }

    header nav#menu_main div.menu ul.level_2 > li {
        border-bottom: 2px solid #d3d3d3;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
    }

    header nav#menu_main div.menu ul.level_2 > li.open {
        background-color: #f1f1f1;
    }

    header nav#menu_main div.menu ul.level_2 > li > a {
        font-size: 1.6em;
        padding-bottom: 13px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
    }

    header nav#menu_main div.menu ul.level_2 > li.submenu > a.submenu {
        position: relative;
    }

    header nav#menu_main div.menu ul.level_2 > li.submenu > a > i.open {
        color: #008158;
        cursor: pointer;
        font-family: 'CALFont';
        font-size: 12px;
        font-style: normal;
        padding: 15px;
        position: absolute;
        right: 0px;
        top: 0px;
    }

    header nav#menu_main div.menu ul.level_2 > li.submenu > a > i.open::before {
        content: '\5a';
    }

    header nav#menu_main div.menu ul.level_2 > li.submenu.open > a > i.open::before {
        background-color: #008158;
        content: '';
        height: 1px;
        position: absolute;
        right: 15px;
        top: 21px;
        width: 12px;
    }

    header nav#menu_main div.menu ul.level_3 {
        display: none;
        margin-top: 0px;
        padding-left: 15px;
    }

    header nav#menu_main div.menu ul.level_2 > li.submenu.open ul.level_3 {
        display: block;
    }

    header nav#menu_main div.menu ul.level_3 > li {
        margin-bottom: 0px;
    }

    header nav#menu_main div.menu ul.level_3 > li > a {
        display: block;
        font-size: 1.3em;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-top: 10px;
    }

    header nav#menu_main div.menu ul.level_3 > li > a:before {
        top: 15px;
        width: 20px;
    }

    /* Content */

    div#content {
        background-image: none;
    }

    div#content > div.wrapper {
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
    }

    div#content main {
        float: none;
        width: 100%;
    }

    div#content aside {
        float: none;
        margin-left: 0px;
        margin-top: 30px;
        width: 100%;
    }

    /* Footer: Sitemap */

    footer div#sitemap {
        padding-left: 15px;
        padding-right: 15px;
    }

    footer div#sitemap ul.level_1 > li {
        padding-bottom: 40px;
        width: 50%;
    }

    /* Footer: Menu Footer */

    footer nav#menu_footer > div.wrapper {
        display: block;
    }

    footer nav#menu_footer div.logo {
        margin-bottom: 30px;
        width: 100%;
    }

    footer nav#menu_footer div.menu {
        width: 100%;
    }

    /* Footer: Cookiebar */

    body.cookiebar {
        position: fixed;
    }

    footer div#cookiebar {
        max-height: 75vh;
        overflow-y: scroll;
    }

    footer div#cookiebar ul.categories {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    footer div#cookiebar ul.categories li {
        flex-basis: 45%;
    }

    footer div#cookiebar ul.categories a.details {
        float: right;
    }

    footer div#cookiebar div.details {
        font-size: 1.2em;
    }

    footer div#cookiebar ul.buttons {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

    footer div#cookiebar ul.buttons li {
        flex-basis: 100%;
    }


}

@media screen {

    /* Content Elements */

    section.ce {
        clear: both;
    }

    section.ce > div.wrapper {
        background-color: #ffffff;
        box-sizing: border-box;
        padding-left: 8.33333%;
        padding-right: 8.33333%;
    }

    section.ce > div.wrapper::after {
        clear: both;
        content: '';
        display: table;
    }

    main section.ce > div.wrapper {
        padding-bottom: 25px;
        padding-top: 25px;
    }

    aside section.ce > div.wrapper {
        padding-bottom: 25px;
        padding-top: 25px;
    }

    main section.ce_headline > div.wrapper {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    aside section.ce_headline > div.wrapper {
        padding-bottom: 15px;
        padding-top: 15px;
    }

    section.ce_accordionSingle section.ce,
    section.ce_accordionStart section.ce {
        padding-left: 0px;
        padding-right: 0px;
        width: auto;
    }

    /* Headlines */

    section.ce h1 {
        font-family: 'Lora';
        font-size: 40px;
        font-weight: 400;
        line-height: 1.2em;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    section.ce h2 {
        font-family: 'Lora';
        font-size: 26px;
        font-weight: 400;
        line-height: 1.2em;
        margin-bottom: 30px;
    }

    section.ce h3 {
        font-family: 'Lora';
        font-size: 20px;
        font-weight: 400;
        line-height: 1.2em;
        margin-bottom: 20px;
    }

    section.ce_headline h1 {
        margin-bottom: 30px;
        margin-top: 0px;
    }

    section.ce_accordionSingle h2,
    section.ce_accordionStart h2 {
        color: #008158;
        cursor: pointer;
        display: inline;
    }

    /* Texts */

    section.ce p {
        color: #202529;
        font-family: 'Source Sans Pro';
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5em;
        margin-bottom: 12px;
    }

    section.ce p.small {
        font-size: 12px;
    }

    section.ce ol {
        color: #202529;
        font-family: 'Source Sans Pro';
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5em;
        list-style-position: outside;
        list-style-type: decimal;
        margin-bottom: 12px;
        margin-left: 40px;
    }

    section.ce ol li {
        margin-bottom: 5px;
        padding-left: 15px;
    }

    section.ce ul {
        color: #202529;
        font-family: 'Source Sans Pro';
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5em;
        margin-bottom: 12px;
        margin-left: 25px;
    }

    section.ce ul li {
        position: relative;
        margin-bottom: 5px;
        padding-left: 30px;
    }

    section.ce ul li::before {
        background-color: #008158;
        border-radius: 50%;
        content: '';
        display: inline-block;
        height: 6px;
        left: 0px;
        position: absolute;
        top: 7px;
        width: 6px;
    }

    section.ce a {
        color: #008158;
        font-weight: 700;
        text-decoration: none;
    }

    section.ce a:hover {
        text-decoration: underline;
    }

    /* Tables */

    section.ce table {
        color: #202529;
        font-family: 'Source Sans Pro';
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5em;
        margin-bottom: 12px;
        width: 100%;
    }

    section.ce table td {
        border-top-color: #008158;
        border-top-style: solid;
        border-top-width: 1px;
        padding: 10px;
    }

    /* Images */

    section.ce figure {
        max-width: 100%;
    }

    section.ce figure.float_above {
        margin-bottom: 30px;
    }

    section.ce figure.float_left {
        float: left;
        width: 33%;
    }

    section.ce div.text.float_left {
        margin-left: 35%;
    }

    section.ce figure.float_right {
        float: right;
        width: 33%;
    }

    section.ce div.text.float_right {
        margin-right: 35%;
    }

    section.ce figure.float_below {
        margin-top: 30px;
    }

    section.ce figure img {
        display: block;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }

    section.ce figure.float_left img {
        margin-left: 0px;
        margin-right: auto;
    }

    section.ce figure.float_right img {
        margin-left: auto;
        margin-right: 0px;
    }

    section.ce figure figcaption {
        font-family: 'Source Sans Pro';
        font-size: 12px;
        font-weight: 400;
        line-height: 1.5em;
        margin-top: 12px;
        text-align: center;
    }

    /* Videos */

    section.ce figure video {
        height: auto;
        width: 100%;
    }

    /* Forms */

    section.ce form {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        justify-content: space-between;
    }

    section.ce div.widget {
        box-sizing: border-box;
        padding-bottom: 10px;
        padding-top: 10px;
        width: 100%;
    }

    section.ce div.widget.left {
        padding-right: 10px;
        width: 50%;
    }

    section.ce div.widget.right {
        padding-left: 10px;
        width: 50%;
    }

    section.ce div.widget > label,
    section.ce div.widget > fieldset > legend {
        display: block;
        font-family: 'Source Sans Pro';
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    section.ce div.widget input.text {
        background-color: #f7f7f7;
        border: none;
        box-sizing: border-box;
        color: #202529;
        font-family: 'Source Sans Pro';
        font-size: 12px;
        font-weight: 400;
        height: 40px;
        line-height: 40px;
        outline: none;
        -webkit-appearance: none;
        padding-left: 20px;
        padding-right: 20px;
        vertical-align: middle;
        width: 100%;
    }

    section.ce div.widget textarea.textarea {
        background-color: #f7f7f7;
        border: none;
        box-sizing: border-box;
        color: #202529;
        font-family: 'Source Sans Pro';
        font-size: 12px;
        font-weight: 400;
        min-height: 80px;
        outline: none;
        -webkit-appearance: none;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        width: 100%;
    }

    section.ce div.widget-checkbox fieldset.checkbox_container fieldset legend,
    section.ce div.widget-radio fieldset.radio_container fieldset legend {
        color: #202529;
        font-family: 'Source Sans Pro';
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    section.ce div.widget-checkbox fieldset.checkbox_container label,
    section.ce div.widget-radio fieldset.radio_container label {
        color: #202529;
        font-family: 'Source Sans Pro';
        font-size: 12px;
        font-weight: 400;
        margin-left: 10px;
        margin-right: 20px;
    }

    section.ce div.widget button.submit {
        background-color: #008158;
        border: none;
        color: #ffffff;
        display: inline-block;
        font-family: 'Source Sans Pro';
        font-size: 16px;
        font-weight: 700;
        height: 40px;
        line-height: 40px;
        padding-right: 40px;
        padding-left: 40px;
        transition: background-color 0.3s ease-in-out;
        vertical-align: middle;
    }

    section.ce div.widget button.submit:hover {
        background-color: #f80070;
    }

    /* News Lists */

    section.mod_newslist div.item,
    section.mod_newsarchive div.item {
        margin-top: 50px;
    }

    section.mod_newsmenu nav.year ul {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0px;
        margin-left: 0px;
        width: 100%;
        border-bottom: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8;
        border-top: 1px solid #e8e8e8;
    }

    section.mod_newsmenu nav.year ul > li {
        border-right: 1px solid #e8e8e8;
        flex: 1 1 auto;
        margin-bottom: 0px;
        padding-left: 0px;
    }

    section.mod_newsmenu nav.year ul > li::before {
        display: none;
    }

    section.mod_newsmenu nav.year ul > li > a {
        display: block;
        font-weight: 700;
        padding-bottom: 25px;
        padding-top: 25px;
        text-align: center;
        transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    }

    section.mod_newsmenu nav.year ul > li > a:hover,
    section.mod_newsmenu nav.year ul > li.active > a {
        background-color: #008158;
        color: #ffffff;
        text-decoration: none;
    }

    section.mod_newslist div.headline {
        padding-top: 25px;
        text-align: center;
    }

    section.mod_newslist div.items {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: center;
        justify-content: center;
        margin-left: -1%;
        margin-right: -1%;
    }

    section.mod_newslist div.items div.item {
        box-sizing: border-box;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 0px;
        width: 31.333%;
    }

    section.mod_newslist div.items div.item > a {
        display: block;
        height: 100%;
    }

    section.mod_newslist div.items div.item > a:hover {
        text-decoration: none;
    }

    section.mod_newslist div.items div.item p.info {
        text-align: right;
    }

    section.mod_newslist div.items div.item p,
    section.mod_newslist div.items div.item h3 {
        transition: color 0.3s ease-in-out;
    }

    section.mod_newslist div.items div.item > a:hover h3,
    section.mod_newslist div.items div.item > a:hover p {
        color: #ffffff;
    }

    section.mod_newslist div.items div.item div.wrapper {
        box-sizing: border-box;
        height: 100%;
        padding-bottom: 10px;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 10px;
        transition: background-color 0.3s ease-in-out;
    }

    section.mod_newslist div.items div.item > a:hover div.wrapper {
        background-color: #008158;
    }

    /* Search */

    section.mod_search div.item {
        margin-top: 50px;
    }

    /* ce_headline */

    main section.ce_headline div.wrapper {
        border-top-color: #008158;
        border-top-style: solid;
        border-top-width: 5px;
        text-align: center;
    }

    main section.ce_headline div.scroll {
        left: 50%;
        margin-bottom: -25px;
        position: relative;
        text-align: center;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 97px;
        z-index: 5;
    }

    main section.ce_headline div.scroll > a {
        background-color: #008158;
        color: #ffffff;
        display: inline-block;
        font-size: 20px;
        height: 97px;
        outline: none;
        width: 97px;
    }

    main section.ce_headline div.scroll > a > span {
        font-family: 'CALFont';
        font-style: normal;
        font-weight: 400;
        left: 50%;
        line-height: 1;
        position: absolute;
        top: 50%;
        -ms-transform: translate(-50%,-50%) rotate(90deg);
        -webkit-transform: translate(-50%,-50%) rotate(90deg);
        transform: translate(-50%,-50%) rotate(90deg);
    }

    main section.ce_headline div.scroll > a > span::before {
        content: '\46';
    }

    aside section.ce_headline div.scroll {
        display: none;
    }

    /* ce_accordionSingle, ce_accordionStart */

    section.ce_accordionSingle > div.wrapper,
    section.ce_accordionStart > div.wrapper {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    section.ce_accordionSingle div.toggler > span.ui-icon,
    section.ce_accordionStart div.toggler > span.ui-icon {
        display: inline-block;
        margin-right: 15px;
        vertical-align: text-bottom;
    }

    section.ce_accordionSingle div.toggler > span.ui-icon::before,
    section.ce_accordionStart div.toggler > span.ui-icon::before {
        color: #008158;
        cursor: pointer;
        content: '\5a';
        display: inline-block;
        font-family: 'CALFont';
        font-size: 14px;
        margin-bottom: 4px;
    }

    /* ce_hyperlink */

    section.ce_hyperlink > div.wrapper {
        text-align: center;
    }

    section.ce_hyperlink a.hyperlink_txt {
        background-color: #008158;
        color: #ffffff;
        display: inline-block;
        font-size: 1.7em;
        font-style: italic;
        font-weight: 300;
        line-height: 1em;
        padding-bottom: 12px;
        padding-left: 56px;
        padding-right: 74px;
        padding-top: 12px;
        transition: background-color 0.3s ease-in-out;
    }

    section.ce_hyperlink a.hyperlink_txt:hover {
        background-color: #f80070;
        text-decoration: none;
    }

    section.ce_hyperlink a.hyperlink_txt::before {
        content: '\5a';
        display: inline-block;
        font-family: 'CALFont';
        font-size: 14px;
        font-style: normal;
        line-height: 1em;
        margin-right: 15px;
    }

    /* ce_columnStart, ce_columnStop */

    section.ce_columnStart div.headline {
        padding-top: 25px;
        text-align: center;
    }

    section.ce_columnStart div.columns {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        margin-left: -1%;
        margin-right: -1%;
    }

    section.ce_columnStart div.columns > * {
        flex: 1 0;
        margin-left: 1%;
        margin-right: 1%;
        position: relative;
    }

    /* mod_locationslist */

    section.mod_locationslist p.vcard {
        float: right;
    }

    /* ce_text_overlay */

    section.ce_text_overlay > div.wrapper {
        padding: 0px !important;
        transition: transform 0.3s ease-in-out;
    }

    section.ce_text_overlay:hover > div.wrapper {
        transform: scale(1.23);
        z-index: 2;
    }

    section.ce_text_overlay div.text {
        box-sizing: border-box;
        left: 0px;
        padding-bottom: 10px;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 10px;
        position: absolute;
        top: 50%;
        transform: translate(0,-50%);
        width: 100%;
    }

    section.ce_text_overlay img {
        display: block;
    }

    section.ce_text_overlay div.text h1,
    section.ce_text_overlay div.text h2,
    section.ce_text_overlay div.text h3,
    section.ce_text_overlay div.text p,
    section.ce_text_overlay div.text a {
        color: #ffffff;
        margin-bottom: 0px;
    }

    section.ce_text_overlay div.text a:hover {
        text-decoration: underline;
    }

    section.ce_text_overlay > div.wrapper::before {
        background-color: rgba(0,0,0,0.5);
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: block;
        transition: background-color 0.3s ease-in-out;
    }

    section.ce_text_overlay:hover > div.wrapper::before {
        background-color: rgba(0,129,88,0.9);
    }

}

@media
    screen and (min-device-width: 320px) and (max-device-width: 736px) and (min-resolution: 1dppx),
    screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-resolution: 1dppx),
    screen and (min-device-width: 800px) and (max-device-width: 1280px) and (min-resolution: 2dppx),
    screen and (max-width: 768px) {

    /* Content Elements */

    section.ce > div.wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Headlines */

    section.ce h1 {
        font-size: 30px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    /* Images */

    section.ce figure.float_left,
    section.ce figure.float_right {
        float: none;
        margin-bottom: 30px;
        width: 100%;
    }

    section.ce div.text.float_left,
    section.ce div.text.float_right {
        margin-left: 0px;
    }

    section.ce figure.float_left img,
    section.ce figure.float_right img {
        margin-left: 0px;
        margin-right: 0px;
    }

    /* Forms */

    section.ce div.widget.left,
    section.ce div.widget.right {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
    }

    /* News Lists */

    section.mod_newslist div.headline {
        padding-bottom: 20px;
        padding-top: 20px;
        text-align: left;
    }

    section.mod_newslist div.items {
        display: block;
        margin-left: 0px;
        margin-right: 0px;
    }

    section.mod_newslist div.items div.item {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }

    section.mod_newslist div.items div.item > a:hover h3 {
        color: #008158;
    }

    section.mod_newslist div.items div.item > a:hover p {
        color: #202529;
    }

    section.mod_newslist div.items div.item div.wrapper {
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
    }

    section.mod_newslist div.items div.item > a:hover div.wrapper {
        background-color: transparent;
    }

    /* ce_headline */

    section.ce_headline {
        margin-bottom: 30px;
    }

    main section.ce_headline div.wrapper {
        text-align: left;
    }

    main section.ce_headline div.scroll {
        display: none;
    }

    /* ce_columnStart, ce_columnStop */

    section.ce_columnStart div.headline {
        padding-bottom: 20px;
        padding-top: 20px;
        text-align: left;
    }

    section.ce_columnStart div.columns {
        display: block;
        margin-left: 0px;
        margin-right: 0px;
    }

    section.ce_columnStart div.columns > * {
        flex: auto;
        margin-bottom: 30px;
        margin-left: 0px;
        margin-right: 0px;
    }

    /* ce_text_overlay */

    section.ce_text_overlay:hover > div.wrapper {
        transform: none;
    }

    section.ce_text_overlay div.text {
        padding-left: 15px;
        padding-right: 15px;
    }

}