/* 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 screen {

    #colorbox,
    #cboxOverlay,
    #cboxWrapper {
        left: 0px;
        overflow: hidden;
        position: absolute;
        top: 0px;
        -webkit-transform: translate3d(0,0,0);
        z-index: 9999;
    }

    #cboxWrapper {
        max-width:none;
    }

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

    #cboxMiddleLeft,
    #cboxBottomLeft {
        clear:left;
    }

    #cboxContent {
        position:relative;
    }

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

    #cboxTitle {
        margin:0;
    }

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

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

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

    .cboxIframe {
        border: none;
        display: block;
        height: 100%;
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

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

    #cboxOverlay {
        background-color: #1c1c1c;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    #colorbox {
        outline: 0;
    }

    #cboxContent {
        margin-top: 20px;
        background-color: #1c1c1c;
    }

    .cboxIframe {
        background: #ffffff;
    }

    #cboxError {
        padding: 50px;
        border-color: #c0c0c0;
        border-style: solid;
        border-width: 1px;
    }

    #cboxLoadedContent {
        background-color: #ffffff;
    }

    #cboxTitle {
        color: #848484;
        font-family: 'Univers Light', Arial, sans-serif;
        font-size: 13px;
        left: 0px;
        line-height: 16px;
        position: absolute;
        top: -20px;
    }

    #cboxCurrent {
        color: #ffffff;
        font-family: 'Univers Light', Arial, sans-serif;
        font-size: 13px;
        line-height: 16px;
        position: absolute;
        right: 0px;
        top: -20px;
    }

    #cboxLoadingGraphic {
        background-image: url('../../files/theme/images/icons/loading_c4c4c5.svg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 40px 40px;
    }

    #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
        background: none;
        border: none;
        margin: 0px;
        overflow: visible;
        padding: 0px;
        width: auto;
    }

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

    #cboxSlideshow {
        color: #ffffff;
        position: absolute;
        right: 90px;
        top: -20px;
    }

    #cboxPrevious {
        background-image: url('../../files/theme/images/icons/previous_ec732b.svg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 14px 18px;
        bottom: 0px;
        left: 0px;
        position: absolute;
        text-indent: -9999px;
        top: 0px;
        width: 28px;
    }

    #cboxPrevious:hover {
        background-image: url('../../files/theme/images/icons/previous_ebeaeb.svg');
    }

    #cboxNext {
        background-image: url('../../files/theme/images/icons/next_ec732b.svg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 14px 18px;
        bottom: 0px;
        position: absolute;
        right: 0px;
        text-indent: -9999px;
        top: 0px;
        width: 28px;
    }

    #cboxNext:hover {
        background-image: url('../../files/theme/images/icons/next_ebeaeb.svg');
    }

    #cboxClose {
        background-image: url('../../files/theme/images/icons/close_ec732b.svg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        display: block;
        height: 16px;
        position: absolute;
        right: 5px;
        text-indent: -9999px;
        top: 5px;
        width: 16px;
    }

    #cboxClose:hover {
        background-image: url('../../files/theme/images/icons/close_ebeaeb.svg');
    }

}
@media screen {

    /* Fonts */

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

    @font-face {
        font-family: 'Lato';
        src: url('../../files/theme/fonts/Lato-Regular.eot');
        src: url('../../files/theme/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
            url('../../files/theme/fonts/Lato-Regular.woff2') format('woff2'),
            url('../../files/theme/fonts/Lato-Regular.woff') format('woff'),
            url('../../files/theme/fonts/Lato-Regular.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'Lato';
        src: url('../../files/theme/fonts/Lato-Bold.eot');
        src: url('../../files/theme/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
            url('../../files/theme/fonts/Lato-Bold.woff2') format('woff2'),
            url('../../files/theme/fonts/Lato-Bold.woff') format('woff'),
            url('../../files/theme/fonts/Lato-Bold.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
    }

    /* Layout */

    html,
    body {
        height: 100%;
        width: 100%;
    }

    body {
        background-color: #c4c4c5;
        color: #222222;
        font-family: 'Lato', Arial, sans-serif;
        font-size: 16px;
        font-weight: 300;
        -webkit-font-smoothing: subpixel-antialiased;
        line-height: 22px;
        -webkit-text-stroke: 1px transparent;
    }

    .hidden {
        display: none;
    }

    div#page {
        background-color: #ebeaeb;
        box-sizing: border-box;
        height: auto !important;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1800px;
        min-height: 100%;
        position: relative;
        width: 100%;
    }

    article::after {
        clear: both;
        content: '.';
        display: block;
        height: 0px;
        visibility: hidden;
    }

    ::selection {
        background-color: #bd0b43;
        color: #ffffff;
    }

    ::-moz-selection {
        background-color: #bd0b43;
        color: #ffffff;
    }

    /* Header */

    header {
        background-color: #bd0b43;
        border-bottom-color: #c4c4c5;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        max-width: 1800px;
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 100;
    }

    /* Header: Logo */

    header div#logo {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        text-align: right;
    }

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

    header div#logo img {
        display: block;
        height: auto;
        width: 250px;
    }

    /* Header: Navigation Main */

    header i#icon_menu_main {
        display: none;
    }

    header nav#main {
        width: 100%;
    }

    header nav#main i.icon_submenu {
        display: none;
    }

    header nav#main ul.level_1 {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }

    header nav#main ul.level_1::after {
        clear: both;
        content: '.';
        display: block;
        height: 0;
        visibility: hidden;
    }

    header nav#main ul.level_1 > li {
        display: inline-block;
        float: left;
        font-size: 17px;
        font-weight: 400;
        line-height: 18px;
    }

    header nav#main ul.level_1 > li > a {
        border-bottom-color: transparent;
        border-bottom-style: solid;
        border-bottom-width: 5px;
        color: #c4c4c5;
        display: inline-block;
        margin-right: 25px;
        padding-bottom: 5px;
        text-decoration: none;
        transition:
            border-color .25s linear 0s,
            color .25s linear 0s;
    }

    header nav#main ul.level_1 > li.active > a,
    header nav#main ul.level_1 > li.trail > a,
    header nav#main ul.level_1 > li:hover > a {
        border-bottom-color: #ebeaeb;
        color: #ebeaeb;
        transition:
            border-color .25s linear 0s,
            color .25s linear 0s;
    }

    header div.menuoverlay {
        background-color: #bd0b43;
        border-bottom-color: #c4c4c5;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-top-color: #ebeaeb;
        border-top-style: solid;
        border-top-width: 1px;
        box-sizing: border-box;
        left: 0px;
        min-height: 250px;
        opacity: 0;
        padding-bottom: 10px;
        padding-top: 10px;
        position: absolute;
        right: 0px;
        top: 100%;
        transition:
            opacity .25s linear .5s,
            visibility 0s linear .75s;
        visibility: hidden;
        z-index: 102;
    }

    header nav#main ul.level_1 > li.menuoverlay div.menuoverlay {
        opacity: 0.9;
        transition:
            opacity .25s linear 0s;
        visibility: visible;
    }

    header nav#main ul.level_2 {
        box-sizing: border-box;
        display: grid;
        grid-template-columns: repeat(6, 16.66666%);
        grid-gap: 5px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }

    header nav#main ul.level_2 > li {
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
    }

    header nav#main ul.level_2 > li > a {
        color: #c4c4c5;
        display: inline-block;
        margin-bottom: 10px;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    header nav#main ul.level_2 > li.active > a,
    header nav#main ul.level_2 > li.trail > a,
    header nav#main ul.level_2 > li > a:hover {
        color: #ebeaeb;
        transition:
            color .25s linear 0s;
    }

    header nav#main ul.level_3 {
        margin-left: 10px;
    }

    header nav#main ul.level_3 > li {
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        padding-right: 20px;
    }

    header nav#main ul.level_3 > li > a {
        color: #c4c4c5;
        display: inline-block;
        margin-bottom: 5px;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    header nav#main ul.level_3 > li.active > a,
    header nav#main ul.level_3 > li.trail > a,
    header nav#main ul.level_3 > li > a:hover {
        color: #ebeaeb;
        transition:
            color .25s linear 0s;
    }

    /* Header: Navigation Meta */

    header nav#meta {
        box-sizing: border-box;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1px;
        max-width: 1000px;
        padding-left: 10px;
        padding-right: 10px;
        position: absolute;
        right: 0px;
        top: 100%;
        width: 100%;
    }

    header nav#meta ul.level_1 {
        background-color: #50585d;
        padding: 5px;
        position: absolute;
        right: 10px;
    }

    header nav#meta ul.level_1 > li {
        display: inline-block;
        float: left;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

    header nav#meta ul.level_1 > li > a {
        color: #c4c4c5;
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    header nav#meta ul.level_1 > li > a:hover {
        color: #ebeaeb;
        transition:
            color .25s linear 0s;
    }

    header nav#meta ul.level_1 > li > a#iconSearch {
        background-image: url('../../files/theme/images/icons/search_c4c4c5.svg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        width: 17px;
        height: 17px;
    }

    header nav#meta ul.level_1 > li > a#iconSearch:hover {
        background-image: url('../../files/theme/images/icons/search_ebeaeb.svg');
    }

    header nav#meta div#search {
        background-color: #50585d;
        opacity: 0;
        padding: 5px;
        position: absolute;
        right: 10px;
        top: 28px;
        transition:
            opacity .25s linear 0s;
    }

    header nav#meta div#search.active {
        opacity: 1;
        transition:
            opacity .25s linear 0s;
    }

    header nav#meta div#search input {
        border: none;
        font-family: inherit;
        font-size: 14px;
        font-weight: 400;
        outline: none;
        padding: 5px;
        width: 200px;
    }

    /* Header: Navigation Language */

    header nav#language {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }

    header nav#language ul.level_1 {
        position: absolute;
        top: 10px;
    }

    header nav#language ul.level_1 > li {
        font-size: 14px;
        font-weight: 400;
        line-height: 12px;
    }

    header nav#language a {
        color: #c4c4c5;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    header nav#language a:hover {
        color: #ebeaeb;
        transition:
            color .25s linear 0s;
    }

    /* Footer */

    footer {
        bottom: 0px;
        left: 0px;
        position: absolute;
        right: 0px;
        width: 100%;
    }

    /* Footer: Navigation Footer */

    footer nav#footer ul.level_1 {
        box-sizing: border-box;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        max-width: 1000px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }

    footer nav#footer ul.level_1 > li {
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

    footer nav#footer ul.level_1 > li > a {
        color: #50585d;
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    footer nav#footer ul.level_1 > li.active > a,
    footer nav#footer ul.level_1 > li.trail > a,
    footer nav#footer ul.level_1 > li > a:hover {
        color: #c4c4c5;
        transition:
            color .25s linear 0s;
    }

    /* Footer: Navigation Sitemap */

    footer nav#sitemap {
        background-color: #50585d;
        border-top-color: #c4c4c5;
        border-top-style: solid;
        border-top-width: 1px;
    }

    footer nav#sitemap > div.wrapper {
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        padding-bottom: 40px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 40px;
    }

    footer nav#sitemap div.column {
        flex: 1 1 14%;
    }

    footer nav#sitemap div.column > div {
        box-sizing: border-box;
        font-size: 17px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 40px;
    }

    footer nav#sitemap div.column > div > a {
        border-bottom-color: #7f8184;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        color: #c4c4c5;
        display: block;
        margin-bottom: 15px;
        padding-bottom: 5px;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    footer nav#sitemap div.column > div.active > a,
    footer nav#sitemap div.column > div.trail > a,
    footer nav#sitemap div.column > div > a:hover {
        color: #ebeaeb;
        transition:
            color .25s linear 0s;
    }

    footer nav#sitemap div.column p {
        color: #ebeaeb;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 16px;
    }

    footer nav#sitemap div.column p a {
        background-image: url('../../files/theme/images/icons/link_int_ec732b.svg');
        background-position: 0px 50%;
        background-repeat: no-repeat;
        background-size: auto 10px;
        color: #ec732b;
        padding-left: 15px;
        text-decoration:none;
        transition:
            color 0.25s linear 0s;
    }

    footer nav#sitemap div.column p a[href^="http"] {
        background-image: url('../../files/theme/images/icons/link_ext_ec732b.svg');
        padding-left: 20px;
    }

    footer nav#sitemap div.column p a:hover {
        background-image: url('../../files/theme/images/icons/link_int_ebeaeb.svg');
        color: #ebeaeb;
        transition:
            color 0.25s linear 0s;
    }

    footer nav#sitemap div.column p a[href^="http"]:hover {
        background-image: url('../../files/theme/images/icons/link_ext_ebeaeb.svg');
    }

    footer nav#sitemap ul.level_2 > li {
        font-size: 14px;
        font-weight: 400;
        line-height: 15px;
    }

    footer nav#sitemap ul.level_2 > li > a {
        color: #c4c4c5;
        display: inline-block;
        margin-bottom: 5px;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    footer nav#sitemap ul.level_2 > li.active > a,
    footer nav#sitemap ul.level_2 > li.trail > a,
    footer nav#sitemap ul.level_2 > li > a:hover {
        color: #ebeaeb;
        transition:
            color .25s linear 0s;
    }

    footer nav#sitemap ul.level_3 {
        margin-left: 15px;
    }

    footer nav#sitemap ul.level_3 > li {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
    }

    footer nav#sitemap ul.level_3 > li > a {
        color: #c4c4c5;
        display: inline-block;
        margin-bottom: 5px;
        text-decoration: none;
        transition:
            color .25s linear 0s;
    }

    footer nav#sitemap ul.level_3 > li.active > a,
    footer nav#sitemap ul.level_3 > li.trail > a,
    footer nav#sitemap ul.level_3 > li > a:hover {
        color: #ebeaeb;
        transition:
            color .25s linear 0s;
    }

    footer nav#sitemap figure {
        display: inline-block;
    }

    /* Cookiebar */

    div.cookiebar {
        background-color: #ec732b;
        bottom: 0px;
        left: 0px;
        position: fixed;
        right: 0px;
        width: 100%;
    }

    div.cookiebar div.wrapper {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 36px;
        max-width: 1000px;
        position: relative;
        width: 100%;
    }

    div.cookiebar p {
        color: #ebeaeb;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 15px;
    }

    div.cookiebar p a {
        background-image: url('../../files/theme/images/icons/link_int_c4c4c5.svg');
        background-position: 5px 50%;
        background-repeat: no-repeat;
        background-size: auto 12px;
        color: #c4c4c5;
        padding-left: 20px;
        text-decoration:none;
        transition:
            color 0.25s linear 0s;
    }

    div.cookiebar p a[href^="http"] {
        background-image: url('../../files/theme/images/icons/link_ext_c4c4c5.svg');
        padding-left: 27px;
    }

    div.cookiebar p a:hover {
        background-image: url('../../files/theme/images/icons/link_int_ebeaeb.svg');
        color: #ebeaeb;
        transition:
            color 0.25s linear 0s;
    }

    div.cookiebar p a[href^="http"]:hover {
        background-image: url('../../files/theme/images/icons/link_ext_ebeaeb.svg');
    }

    div.cookiebar a.close {
        background-image: url('../../files/theme/images/icons/close_c4c4c5.svg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        display: block;
        height: 16px;
        position: absolute;
        right: 0px;
        top: 10px;
        width: 16px;
    }

    div.cookiebar a.close:hover {
        background-image: url('../../files/theme/images/icons/close_ebeaeb.svg');
    }

}

@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) {

    /* Layout */

    html.menu,
    body.menu {
        overflow: hidden;
    }

    /* Header */

    header {
        border-bottom: none;
        overflow: hidden;
    }

    body.menu header {
        bottom: 0px;
        height: 100%;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
    }

    /* Header: Logo */

    header div#logo {
        max-width: inherit;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }

    body.menu header div#logo {
        left: 0px;
        position: fixed;
        position: sticky;
        position: -webkit-sticky;
        right: 0px;
        top: 0px;
        z-index: 102;
    }

    header div#logo img {
        width: 125px;
    }

    header i#icon_menu_main {
        background-image: url('../../files/theme/images/icons/menu_c4c4c5.svg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 16px auto;
        cursor: pointer;
        display: block;
        height: 16px;
        position: absolute;
        right: 20px;
        top: 15px;
        width: 16px;
        z-index: 102;
    }

    header i#icon_menu_main:hover {
        background-image: url('../../files/theme/images/icons/menu_ebeaeb.svg');
    }

    header i#icon_menu_main.close {
        background-image: url('../../files/theme/images/icons/close_c4c4c5.svg');
    }

    header i#icon_menu_main.close:hover {
        background-image: url('../../files/theme/images/icons/close_ebeaeb.svg');
    }

    /* Header: Menu Main */

    header nav#main {
        opacity: 0;
        position: absolute;
        transition:
            opacity 0.25s linear 0s,
            visibility 0.25s linear 0s;
        visibility: hidden;
    }

    body.menu header nav#main {
        opacity: 1;
        position: static;
        transition:
            opacity 0.25s linear 0s,
            visibility 0.25s linear 0s;
        visibility: visible;
    }

    header nav#main i.icon_submenu {
        background-image: url('../../files/theme/images/icons/plus_c4c4c5.svg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 14px auto;
        content: '';
        cursor: pointer;
        display: block;
        height: 40px;
        left: 0px;
        position: absolute;
        top: 0px;
        transition:
            transform 0.25s ease-in-out 0s;
        width: 14px;
    }

    header nav#main li.active > a > i.icon_submenu,
    header nav#main li.trail > a > i.icon_submenu,
    header nav#main li > a:hover > i.icon_submenu {
        background-image: url('../../files/theme/images/icons/plus_ebeaeb.svg');
    }

    header nav#main li.open > a > i.icon_submenu {
        background-image: url('../../files/theme/images/icons/minus_c4c4c5.svg');
    }

    header nav#main li.open.active > a > i.icon_submenu,
    header nav#main li.open.trail > a > i.icon_submenu,
    header nav#main li.open > a:hover > i.icon_submenu {
        background-image: url('../../files/theme/images/icons/minus_ebeaeb.svg');
    }

    header nav#main ul.level_1 {
        max-width: inherit;
        padding-left: 20px;
        padding-right: 20px;
    }

    header nav#main ul.level_1 > li {
        display: block;
        float: none;
        font-size: 17px;
        line-height: 20px;
        position: relative;
    }

    header nav#main ul.level_1 > li > a {
        border-bottom: none;
        border-top-color: #c4c4c5;
        border-top-style: solid;
        border-top-width: 1px;
        display: block;
        margin-right: 0px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-top: 10px;
    }

    header nav#main ul.level_1 > li.first > a {
        border-top: none;
    }

    header nav#main ul.level_1 > li.open > a {
        border-bottom-color: #c4c4c5;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    header div.menuoverlay,
    header nav#main ul.level_1 > li.menuoverlay div.menuoverlay {
        background-color: transparent;
        border-bottom: none;
        border-top: none;
        left: auto;
        min-height: inherit;
        opacity: 0;
        padding-bottom: 0px;
        padding-top: 0px;
        position: static;
        right: auto;
        top: auto;
        transition: opacity 0s linear 0s,visibility 0s linear 0s;
        visibility: hidden;
        z-index: unset;
    }

    body.menu div.menuoverlay,
    body.menu header nav#main ul.level_1 > li.menuoverlay div.menuoverlay {
        opacity: 1;
        transition: opacity 0s linear 0s;
        visibility: visible;
    }

    header nav#main ul.level_2 {
        display: none;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    header nav#main ul.level_1 > li.open ul.level_2 {
        display: block;
    }

    header nav#main ul.level_2 > li {
        font-size: 17px;
        line-height: 20px;
        max-width: none;
        min-height: inherit;
        padding-right: 0px;
        position: relative;
    }

    header nav#main ul.level_2 > li > a {
        border-top-color: #c4c4c5;
        border-top-style: solid;
        border-top-width: 1px;
        display: block;
        margin-bottom: 0px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-top: 10px;
    }

    header nav#main ul.level_2 > li.first > a {
        border-top: none;
    }

    header nav#main ul.level_2 > li.open > a {
        border-bottom-color: #c4c4c5;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    header nav#main ul.level_3 {
        display: none;
        margin-left: 0px;
    }

    header nav#main ul.level_2 > li.open ul.level_3 {
        display: block;
    }

    header nav#main ul.level_3 > li {
        display: block;
        float: none;
        font-size: 17px;
        line-height: 20px;
        padding-right: 0px;
        position: relative;
    }

    header nav#main ul.level_3 > li > a {
        border-top-color: #c4c4c5;
        border-top-style: solid;
        border-top-width: 1px;
        display: block;
        margin-bottom: 0px;
        padding-bottom: 10px;
        padding-left: 70px;
        padding-right: 0px;
        padding-top: 10px;
    }

    header nav#main ul.level_3 > li.first > a {
        border-top: none;
    }

    /* Header: Menu Meta */

    header nav#meta {
        margin-top: 50px;
        max-width: inherit;
        opacity: 0;
        padding-left: 0px;
        padding-right: 0px;
        position: absolute;
        transition:
            opacity 0.25s linear 0s,
            visibility 0.25s linear 0s;
        visibility: hidden;
    }

    body.menu header nav#meta {
        opacity: 1;
        position: static;
        visibility: visible;
    }

    header nav#meta ul.level_1 {
        background-color: transparent;
        padding-bottom: 0px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0px;
        position: static;
        right: auto;
    }

    header nav#meta ul.level_1 > li {
        display: block;
        float: none;
        font-size: 17px;
        line-height: 20px;
    }

    header nav#meta ul.level_1 > li > a {
        border-top-color: #c4c4c5;
        border-top-style: solid;
        border-top-width: 1px;
        display: block;
        margin-left: 0px;
        margin-right: 0px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    header nav#meta ul.level_1 > li.first > a {
        border-top: none;
    }

    header nav#meta ul.level_1 > li > a#iconSearch {
        display: none;
    }

    header nav#meta div#search {
        background-color: transparent;
        border-top-color: #c4c4c5;
        border-top-style: solid;
        border-top-width: 1px;
        margin-left: 20px;
        margin-right: 20px;
        opacity: 1;
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 10px;
        position: static;
    }

    /* Header: Navigation Language */

    header nav#language {
        max-width: inherit;
        padding-left: 20px;
        padding-right: 20px;
    }

    header nav#language ul.level_1 {
        top: 17px;
    }

    /* Footer: Menu Footer */

    footer nav#footer ul.level_1 {
        max-width: inherit;
        padding-left: 20px;
        padding-right: 20px;
        text-align: left;
    }

    footer nav#footer ul.level_1 > li {
        display: block;
        font-size: 17px;
        line-height: 20px;
    }

    footer nav#footer ul.level_1 > li > a {
        border-top-color: #50585d;
        border-top-style: solid;
        border-top-width: 1px;
        color: #50585d;
        display: block;
        margin-left: 0px;
        margin-right: 0px;
        padding-bottom: 10px;
        padding-top: 10px;
        text-decoration: none;
    }

    footer nav#footer ul.level_1 > li.first > a {
        border-top: none;
    }

    /* Footer: Sitemap */

    footer nav#sitemap > div.wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    footer nav#sitemap div.column {
        display: none;
    }

    footer nav#sitemap div.column:last-child {
        display: block;
    }

    /* Cookiebar */

    div.cookiebar div.wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    div.cookiebar a.close {
        right: 20px;
    }

}

@media screen {

    /* Content */

    section.mpi {
        overflow: hidden;
        padding-bottom: 25px;
        padding-top: 25px;
        position: relative;
    }

    section.ce_image,
    section.mpi.ce_accordionStart,
    section.mpi.ce_sliderStart,
    section.ce_mpi_textoverlay {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    section.mpi.light,
    div.textbox.light {
        background-color: #ffffff;
    }

    section.mpi.medium,
    div.textbox.medium {
        background-color: #ebeaeb;
    }

    section.mpi.dark,
    div.textbox.dark {
        background-color: #d6d5d6;
    }

    section.mpi::after {
        clear: both;
        content: '.';
        display: block;
        height: 0px;
        visibility: hidden;
    }

    section.mpi > div.wrapper {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }

    section.mpi > div.wrapper section.mpi > div.wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    section.mpi.ce_mpi_textboxStart > div.wrapper {
        display: flex;
        padding-left: 0px;
        padding-right: 0px;
    }

    section.mpi.ce_mpi_textboxStart div.textbox {
        flex-basis: 0;
        flex-grow: 1;
        margin-left: 10px;
        margin-right: 10px;
        overflow: hidden;
    }

    section.mpi.ce_mpi_textboxStart div.textbox div.text {
        padding: 20px;
    }

    section.mpi.ce_text div.text {
        padding-left: 60px;
        padding-right: 60px;
    }

    /* Content: Headline */

    section.mpi h1 {
        border-bottom-color: #bd0b43;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        color: #bd0b43;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        margin-bottom: 16px;
        padding-bottom: 5px;
    }

    section.mpi h2 {
        color: #bd0b43;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 16px;
    }

    section.mpi h3 {
        color: #bd0b43;
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
        margin-bottom: 16px;
    }

    section.mpi h1 a,
    section.mpi h2 a,
    section.mpi h3 a {
        color: inherit;
        text-decoration: none;
    }

    /* Content: Image */

    section.mpi figure {
        overflow: hidden;
    }

    section.mpi figure.float_above {
        margin-bottom: 16px;
    }

    section.mpi figure.float_left {
        float: left;
        margin-bottom: 16px;
        margin-right: 16px;
        width: 40%;
    }

    section.mpi figure.float_right {
        float: right;
        margin-bottom: 16px;
        margin-left: 16px;
        width: 40%;
    }

    section.mpi.ce_mpi_text2column figure.float_left,
    section.mpi.ce_mpi_text2column figure.float_right {
        width: 33%;
    }

    section.mpi figure.float_below {
        margin-bottom: 16px;
    }

    section.mpi figure > a {
        background-image: none !important;
        display: block;
        font-size: 0px;
        line-height: 0px;
        padding-left: 0px !important;
    }

    section.mpi figure img,
    section.mpi p img {
        display: block;
        height: auto;
        max-width: 100%;
        object-fit: cover;
    }

    section.mpi.ce_mpi_textoverlay figure img {
        min-height: 250px;
    }

    section.mpi figure figcaption {
        color: #bd0b43;
        font-size: 14px;
        font-weight: 300;
        line-height: 16px;
        margin-top: 6px;
    }

    section.mpi div.parallax {
        background-attachment: fixed;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 350px;
    }

    section.mpi.first div.parallax {
        background-size: cover;
        min-height: 600px;
    }

    section.mpi div.textoverlay {
        position: relative;
    }

    section.mpi div.textoverlay div.fade {
        background-color: rgba(0, 0, 0, 0.25);
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    section.mpi div.textoverlay div.overlay {
        align-items: center;
        display: flex;
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    section.mpi div.textoverlay div.textwrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 980px;
        text-decoration: none;
        width: 100%;
    }

    section.mpi div.textoverlay div.textwrapper.center {
        text-align: center;
    }

    section.mpi div.textoverlay div.textwrapper.left {
        text-align: left;
    }

    section.mpi div.textoverlay div.textwrapper h1,
    section.mpi div.textoverlay div.textwrapper h2,
    section.mpi div.textoverlay div.textwrapper h3 {
        border-bottom: none;
        color: #50585d;
        font-size: 30px;
        line-height: 36px;
        padding-bottom: 0px;
    }

    section.mpi div.textoverlay div.textwrapper p {
        color: #50585d;
        font-size: 16px;
        line-height: 22px;
    }

    section.mpi div.textoverlay div.overlay div.textwrapper h1,
    section.mpi div.textoverlay div.overlay div.textwrapper h2,
    section.mpi div.textoverlay div.overlay div.textwrapper h3,
    section.mpi div.textoverlay div.overlay div.textwrapper p {
        color: #ebeaeb;
    }

    section.mpi div.textoverlay div.overlay div.textwrapper > div {
        color: #ebeaeb;
        font-size: 30px;
        font-weight: 700;
        line-height: 36px;
    }

    /* Content: Text */

    section.mpi div.columns {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex;
    }

    section.mpi div.columns div.column.left {
        box-sizing: border-box;
        -webkit-flex: 1 1 50%;
        -moz-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        -o-flex: 1 1 50%;
        flex: 1 1 50%;
        padding-right: 16px;
        width: 50%;
    }

    section.mpi div.columns div.column.right {
        box-sizing: border-box;
        -webkit-flex: 1 1 50%;
        -moz-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        -o-flex: 1 1 50%;
        flex: 1 1 50%;
        padding-left: 16px;
        width: 50%;
    }

    section.mpi hr {
        border: none;
        height: 1px;
        background-color: #bd0b43;
    }

    section.mpi div.text p,
    section.mpi figcaption p {
        margin-bottom: 16px;
    }

    section.mpi div.text sup,
    section.mpi figcaption sup {
        font-size: 75%;
        line-height: 0px;
        position: relative;
        vertical-align: baseline;
        top: -0.4em;
    }

    section.mpi div.text sub,
    section.mpi figcaption sub {
        font-size: 75%;
        line-height: 0px;
        position: relative;
        vertical-align: baseline;
        top: 0.4em;
    }

    section.mpi div.text a,
    section.mpi figcaption a {
        background-image: url('../../files/theme/images/icons/link_int_ec732b.svg');
        background-position: 5px 50%;
        background-repeat: no-repeat;
        background-size: auto 12px;
        color: #ec732b;
        padding-left: 20px;
        text-decoration:none;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi div.text a[href^="http"],
    section.mpi figcaption a[href^="http"] {
        background-image: url('../../files/theme/images/icons/link_ext_ec732b.svg');
        padding-left: 27px;
    }

    section.mpi div.text a:hover,
    section.mpi figcaption a:hover {
        background-image: url('../../files/theme/images/icons/link_int_c4c4c5.svg');
        color: #c4c4c5;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi div.text a[href^="http"]:hover,
    section.mpi figcaption a[href^="http"]:hover {
        background-image: url('../../files/theme/images/icons/link_ext_c4c4c5.svg');
    }

    section.mpi div.text strong,
    section.mpi figcaption strong {
        font-weight: 700;
    }

    section.mpi div.text blockquote,
    section.mpi figcaption blockquote {
        color: #ffffff;
        font-size: 24px;
        font-weight: 700;
        line-height: 30px;
        position: relative;
        padding-bottom: 30px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 30px;
    }

    section.mpi div.text blockquote::before,
    section.mpi figcaption blockquote::before {
        color: #ffffff;
        content: '“';
        font-family: Times, Times New Roman, serif;
        font-size: 40px;
        left: 0px;
        position: absolute;
        top: 30px;
    }

    section.mpi div.text blockquote::after,
    section.mpi figcaption blockquote::after {
        bottom: 30px;
        color: #ffffff;
        content: '„';
        font-family: Times, Times New Roman, serif;
        font-size: 40px;
        right: 0px;
        position: absolute;
    }

    section.mpi div.text blockquote p,
    section.mpi figcaption blockquote p {
        font-size: 24px !important;
        line-height: 30px !important;
        margin-bottom: 0px;
    }

    /* Content: List */

    section.mpi div.text ul {
        list-style-type: square;
        list-style-position: outside;
        margin-bottom: 16px;
        margin-left: 15px;
    }

    section.mpi div.text ol {
        list-style-type: decimal;
        list-style-position: outside;
        margin-bottom: 16px;
        margin-left: 15px;
    }

    section.mpi div.text ul > li,
    section.mpi div.text ol > li {
        margin-bottom: 8px;
    }

    /* Content: Table */

    section.mpi div.text table {
        border-collapse: collapse;
        box-sizing: border-box;
        margin-bottom: 16px;
        width: 100%;
    }

    section.mpi div.text table thead tr th,
    section.mpi div.text table tbody tr th,
    section.mpi div.text table tfoot tr td {
        background-color: #c4c4c5;
        padding: 5px;
        text-align: left;
    }

    section.mpi div.text table tbody tr td {
        background-color: transparent;
        border-bottom-color: #c4c4c5;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding: 5px;
        text-align: left;
        transition:
            background-color 0.25s linear 0s,
            color 0.25s linear 0s;
    }

    section.mpi div.text table tbody tr.row_last td {
        border-bottom: none;
    }

    section.mpi div.text table tbody tr:hover td {
        background-color: #50585d;
        color: #c4c4c5;
        transition:
            background-color 0.25s linear 0s,
            color 0.25s linear 0s;
    }

    section.mpi div.text table caption {
        caption-side: bottom;
        color: #bd0b43;
        font-size: 12px;
        font-weight: 300;
        line-height: 14px;
        margin-top: 6px;
        text-align: left;
    }

    /* Content: Accordion */

    section.mpi div.toggler {
        background-image: url('../../files/theme/images/icons/down_bd0b43.svg');
        background-position: 0px 50%;
        background-repeat: no-repeat;
        background-size: auto 8px;
        color: #bd0b43;
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
        margin-bottom: 16px;
        padding-left: 20px;
    }

    section.mpi div.toggler.active {
        background-image: url('../../files/theme/images/icons/up_bd0b43.svg');
    }

    /* Content: Slider */

    section.mpi div.slider {
        overflow: hidden;
        position: relative;
        visibility: hidden;
    }

    section.mpi div.slider > div.wrapper {
        overflow: hidden;
        position: relative;
    }

    section.mpi div.slider > div.wrapper::after {
        content: '.';
        clear: both;
        display: block;
        height: 0px;
        visibility: hidden;
    }

    section.mpi div.slider > div.wrapper > * {
        float: left;
        position: relative;
        width: 100%;
    }

    section.mpi nav.slider-control {
        margin-bottom: 2em;
        margin-left: auto;
        margin-right: auto;
        max-width: 980px;
        width: 100%;
    }

    section.mpi nav.slider-control span.slider-menu {
        display: inline-block;
        left: 50%;
        margin-left: -25%;
        position: relative;
        text-align: center;
        top: 0;
        width: 50%;
    }

    section.mpi nav.slider-control span.slider-menu b {
        background-color: #50585d;
        cursor: pointer;
        display: inline-block;
        font-size: 0px;
        height: 10px;
        margin-left: 10px;
        margin-right: 10px;
        transition: background-color .25s ease-in-out;
        width: 10px;
    }

    section.mpi nav.slider-control span.slider-menu b.active,
    section.mpi nav.slider-control span.slider-menu b:hover {
        background-color: #ec732b;
        transition: background-color .25s ease-in-out;
    }

    section.mpi nav.slider-control a.slider-prev {
        background-image: url('../../files/theme/images/icons/previous_ec732b.svg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: auto 100%;
        display: block;
        height: 50px;
        left: 0px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
    }

    section.mpi nav.slider-control a.slider-next {
        background-image: url('../../files/theme/images/icons/next_ec732b.svg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: auto 100%;
        display: block;
        height: 50px;
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
    }

    /* Content: Link */

    section.mpi p.link > a {
        background-color: #bd0b43;
        background-image: url('../../files/theme/images/icons/link_int_c4c4c5.svg');
        background-position: 5px 50%;
        background-repeat: no-repeat;
        background-size: auto 12px;
        color: #c4c4c5;
        display: inline-block;
        font-weight: 400;
        padding-bottom: 6px;
        padding-left: 20px;
        padding-right: 8px;
        padding-top: 6px;
        text-decoration: none;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi p.link > a[href^="http"] {
        background-image: url('../../files/theme/images/icons/link_ext_c4c4c5.svg');
        padding-left: 27px;
    }

    section.mpi p.link > a:hover {
        background-image: url('../../files/theme/images/icons/link_int_ebeaeb.svg');
        color: #ebeaeb;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi p.link > a[href^="http"]:hover {
        background-image: url('../../files/theme/images/icons/link_ext_ebeaeb.svg');
    }

    section.mpi p.toplink > a {
        background-color: #bd0b43;
        background-image: url('../../files/theme/images/icons/up_c4c4c5.svg');
        background-position: 50% 5px;
        background-repeat: no-repeat;
        background-size: auto 12px;
        clear: both;
        color: #c4c4c5;
        display: block;
        float: right;
        font-weight: 400;
        padding-bottom: 6px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 30px;
        text-decoration: none;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi p.toplink > a:hover {
        background-image: url('../../files/theme/images/icons/up_ebeaeb.svg');
        color: #ebeaeb;
        transition:
            color 0.25s linear 0s;
    }

    /* Content: Gallery */

    section.mpi ul.gallery {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
        margin-left: -8px;
        margin-right: -8px;
        width: 100%;
    }

    section.mpi ul.gallery li {
        box-sizing: border-box;
        margin-bottom: 16px;
        padding-left: 8px;
        padding-right: 8px;
    }

    section.mpi ul.gallery.cols_1 li {
        -webkit-flex: 0 1 100%;
        -moz-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        -o-flex: 0 1 100%;
        flex: 0 1 100%;
        width: 100%;
    }

    section.mpi ul.gallery.cols_2 li {
        -webkit-flex: 0 1 50%;
        -moz-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        -o-flex: 0 1 50%;
        flex: 0 1 50%;
        width: 50%;
    }

    section.mpi ul.gallery.cols_3 li {
        -webkit-flex: 0 1 33.3333333333%;
        -moz-flex: 0 1 33.3333333333%;
        -ms-flex: 0 1 33.3333333333%;
        -o-flex: 0 1 33.3333333333%;
        flex: 0 1 33.3333333333%;
        width: 33.3333333333%;
    }

    section.mpi ul.gallery.cols_4 li {
        -webkit-flex: 0 1 25%;
        -moz-flex: 0 1 25%;
        -ms-flex: 0 1 25%;
        -o-flex: 0 1 25%;
        flex: 0 1 25%;
        width: 25%;
    }

    section.mpi ul.gallery.cols_5 li {
        -webkit-flex: 0 1 20%;
        -moz-flex: 0 1 20%;
        -ms-flex: 0 1 20%;
        -o-flex: 0 1 20%;
        flex: 0 1 20%;
        width: 20%;
    }

    section.mpi ul.gallery.cols_6 li {
        -webkit-flex: 0 1 16.6666666666%;
        -moz-flex: 0 1 16.6666666666%;
        -ms-flex: 0 1 16.6666666666%;
        -o-flex: 0 1 16.6666666666%;
        flex: 0 1 16.6666666666%;
        width: 16.6666666666%;
    }

    section.mpi ul.gallery.cols_7 li {
        -webkit-flex: 0 1 14.285714285714286%;
        -moz-flex: 0 1 14.285714285714286%;
        -ms-flex: 0 1 14.285714285714286%;
        -o-flex: 0 1 14.285714285714286%;
        flex: 0 1 14.285714285714286%;
        width: 14.285714285714286%;
    }

    section.mpi ul.gallery.cols_8 li {
        -webkit-flex: 0 1 12.5%;
        -moz-flex: 0 1 12.5%;
        -ms-flex: 0 1 12.5%;
        -o-flex: 0 1 12.5%;
        flex: 0 1 12.5%;
        width: 12.5%;
    }

    section.mpi ul.gallery.cols_9 li {
        -webkit-flex: 0 1 11.111111111111111%;
        -moz-flex: 0 1 11.111111111111111%;
        -ms-flex: 0 1 11.111111111111111%;
        -o-flex: 0 1 11.111111111111111%;
        flex: 0 1 11.111111111111111%;
        width: 11.111111111111111%;
    }

    section.mpi ul.gallery.cols_10 li {
        -webkit-flex: 0 1 10%;
        -moz-flex: 0 1 10%;
        -ms-flex: 0 1 10%;
        -o-flex: 0 1 10%;
        flex: 0 1 10%;
        width: 10%;
    }

    section.mpi ul.gallery.cols_11 li {
        -webkit-flex: 0 1 9.090909090909091%;
        -moz-flex: 0 1 9.090909090909091%;
        -ms-flex: 0 1 9.090909090909091%;
        -o-flex: 0 1 9.090909090909091%;
        flex: 0 1 9.090909090909091%;
        width: 9.090909090909091%;
    }

    section.mpi ul.gallery.cols_12 li {
        -webkit-flex: 0 1 8.333333333333333%;
        -moz-flex: 0 1 8.333333333333333%;
        -ms-flex: 0 1 8.333333333333333%;
        -o-flex: 0 1 8.333333333333333%;
        flex: 0 1 8.333333333333333%;
        width: 8.333333333333333%;
    }

    /* Content: Download */

    section.ce_download figure {
        float: left;
        margin-right: 15px;
        width: 150px;
    }

    section.mpi ul.downloads a {
        background-image: url('../../files/theme/images/icons/link_int_ec732b.svg');
        background-position: 5px 50%;
        background-repeat: no-repeat;
        background-size: auto 12px;
        color: #ec732b;
        padding-left: 20px;
        text-decoration:none;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi ul.downloads a:hover {
        background-image: url('../../files/theme/images/icons/link_int_c4c4c5.svg');
        color: #c4c4c5;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi ul.downloads li span {
        font-size: 12px;
    }

    /* Content: Player */

    section.mpi.ce_player video {
    	border: 1px solid #50585d;
        height: auto;
        width: 100%;
    }

    /* Content: YouTube */

    section.mpi.ce_youtube div.wrapper {
        height: 0px;
        overflow: hidden;
        padding-bottom: 30%;
        padding-top: 0px;
        position: relative;
    }

    section.mpi.ce_youtube div.wrapper div.confirmation {
        background-color: #d6d5d6;
        color: #ffffff;
        display: table;
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: 1;
    }

    section.mpi.ce_youtube div.wrapper div.confirmation div.text {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    section.mpi.ce_youtube div.wrapper iframe {
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    /* Content: Vimeo */

    section.mpi.ce_vimeo div.wrapper {
        height: 0px;
        overflow: hidden;
        padding-bottom: 30%;
        padding-top: 0px;
        position: relative;
    }

    section.mpi.ce_vimeo div.wrapper div.confirmation {
        background-color: #d6d5d6;
        color: #ffffff;
        display: table;
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: 1;
    }

    section.mpi.ce_vimeo div.wrapper div.confirmation div.text {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    section.mpi.ce_vimeo div.wrapper iframe {
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    /* Content: Google Map */

    section.mpi.ce_dlh_googlemaps div.confirm-googlemaps {
        background-image: url('../../files/theme/images/bg_googlemaps.png');
        background-size: cover;
        color: #ffffff;
        display: table;
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    section.mpi.ce_dlh_googlemaps div.confirm-googlemaps div.text {
        background-color: rgba(0,0,0,0.75);
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

}

@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 */

    section.mpi {
        padding-bottom: 20px;
    }

    section.ce_image,
    section.mpi.ce_accordionStart,
    section.mpi.ce_sliderStart,
    section.ce_mpi_textoverlay {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    section.mpi > div.wrapper {
        max-width: inherit;
        padding-left: 20px;
        padding-right: 20px;
    }

    section.mpi.ce_mpi_textboxStart > div.wrapper {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
    }

    section.mpi.ce_mpi_textboxStart div.textbox {
        margin-left: 0px;
        margin-right: 0px;
    }

    section.mpi.first {
        padding-top: 20px;
    }

    section.mpi.ce_text div.text {
        padding-left: 0px;
        padding-right: 0px;
    }

    section.ce_image.first,
    section.ce_sliderStart.first,
    section.ce_mpi_textoverlay.first {
        padding-top: 0px;
    }

    /* Content: Image */

    section.mpi figure.float_left {
        float: none;
        margin-bottom: 16px;
        margin-right: 0px;
        width: 100%;
    }

    section.mpi figure.float_right {
        float: none;
        margin-bottom: 16px;
        margin-left: 0px;
        width: 100%;
    }

    section.mpi.ce_mpi_text2column figure.float_left,
    section.mpi.ce_mpi_text2column figure.float_right {
        width: 100%;
    }

    section.mpi div.parallax {
        background-attachment: initial;
        min-height: 250px;
    }

    section.mpi.first div.parallax {
        min-height: 300px;
    }

    section.mpi div.textoverlay div.textwrapper h1,
    section.mpi div.textoverlay div.textwrapper h2,
    section.mpi div.textoverlay div.textwrapper h3 {
        font-size: 18px;
        line-height: 22px;
    }

    section.mpi div.textoverlay div.textwrapper p {
        font-size: 10px;
        line-height: 12px;
    }

    /* Content: Text */

    section.mpi div.columns {
        display: block;
    }

    section.mpi div.columns div.column.left {
        display: block;
        padding-right: 0px;
        width: 100%;
    }

    section.mpi div.columns div.column.right {
        display: block;
        padding-left: 0px;
        width: 100%;
    }

    section.mpi div.text blockquote,
    section.mpi figcaption blockquote {
        font-size: 10px;
        line-height: 12px;
        padding-bottom: 0px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0px;
    }

    section.mpi div.text blockquote::before,
    section.mpi figcaption blockquote::before {
        font-size: 20px;
        top: 0px;
    }

    section.mpi div.text blockquote::after,
    section.mpi figcaption blockquote::after {
        bottom: 0px;
        font-size: 20px;
    }

    section.mpi div.text blockquote p,
    section.mpi figcaption blockquote p {
        font-size: 10px !important;
        line-height: 12px !important;
    }

    /* Content: Slider */

    section.mpi nav.slider-control a.slider-prev,
    section.mpi nav.slider-control a.slider-next {
        height: 20px;
        width: 20px;
    }

    /* Content: Gallery */

    section.mpi ul.gallery.cols_1 li,
    section.mpi ul.gallery.cols_2 li,
    section.mpi ul.gallery.cols_3 li,
    section.mpi ul.gallery.cols_4 li,
    section.mpi ul.gallery.cols_5 li,
    section.mpi ul.gallery.cols_6 li,
    section.mpi ul.gallery.cols_7 li,
    section.mpi ul.gallery.cols_8 li,
    section.mpi ul.gallery.cols_9 li,
    section.mpi ul.gallery.cols_10 li,
    section.mpi ul.gallery.cols_11 li,
    section.mpi ul.gallery.cols_12 li {
        -webkit-flex: 0 1 50%;
        -moz-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        -o-flex: 0 1 50%;
        flex: 0 1 50%;
        width: 50%;
    }

}

@media screen {

    /* Module */

    section.mpi.mod_eventreader,
    section.mpi.mod_faqreader,
    section.mpi.mod_newsreader,
    section.mpi.mod_subscribe,
    section.mpi.mod_unsubscribe,
    section.mpi.mod_newsletterlist,
    section.mpi.mod_newsletterreader {
        padding-top: 50px;
    }

    section.mpi.mod_eventlist div.event,
    section.mpi.mod_newslist div.news,
    section.mpi.mod_techoffers_list div.news,
    section.mpi.mod_mewsletterlist div.newsletter
    section.mpi.mod_newsletterreader div.newsletter {
        margin-bottom: 50px;
    }

    section.mpi.mod_eventlist div.event::after,
    section.mpi.mod_faqpage section::after,
    section.mpi.mod_newslist div.news::after,
    section.mpi.mod_techoffers_list div.news::after,
    section.mpi.mod_newsreader div.teaser::after,
    section.mpi.mod_newsletterlist div.newsletter::after {
        clear: both;
        content: '.';
        display: block;
        height: 0px;
        visibility: hidden;
    }

    section.mpi.mod_faqpage h3.toggler {
        background-image: url('../../files/theme/images/icons/down_bd0b43.svg');
        background-position: 0px 50%;
        background-repeat: no-repeat;
        background-size: auto 8px;
        color: #bd0b43;
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
        margin-bottom: 16px;
        padding-left: 20px;
    }

    section.mpi.mod_faqpage h3.toggler.active {
        background-image: url('../../files/theme/images/icons/up_bd0b43.svg');
    }

    /* Module: Text */

    section.mpi.mod_eventlist p.info,
    section.mpi.mod_eventreader p.info,
    section.mpi.mod_newslist p.info,
    section.mpi.mod_techoffers_list p.info,
    section.mpi.mod_newsreader p.info,
    section.mpi.mod_newsletterlist p.info {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 16px;
    }

    section.mpi.mod_newsreader div.text.teaser p {
        font-weight: 700;
    }

    /* Module: Link */

    section.mpi.mod_eventlist ul li,
    section.mpi.mod_faqlist ul li {
        margin-bottom: 8px;
    }

    section.mpi.mod_eventlist ul a,
    section.mpi.mod_faqlist ul a {
        background-image: url('../../files/theme/images/icons/link_int_ec732b.svg');
        background-position: 5px 50%;
        background-repeat: no-repeat;
        background-size: auto 12px;
        color: #ec732b;
        padding-left: 20px;
        text-decoration:none;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi.mod_eventlist ul a:hover,
    section.mpi.mod_faqlist ul a:hover {
        background-image: url('../../files/theme/images/icons/link_int_c4c4c5.svg');
        color: #c4c4c5;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi.mod_eventlist h2 > a,
    section.mpi.mod_newslist h2 > a,
    section.mpi.mod_techoffers_list h2 > a,
    section.mpi.mod_newsletterlist h2 > a {
        color: inherit;
        text-decoration: none;
    }

    section.mpi p.morelink > a {
        background-color: #bd0b43;
        background-image: url('../../files/theme/images/icons/link_int_c4c4c5.svg');
        background-position: 5px 50%;
        background-repeat: no-repeat;
        background-size: auto 12px;
        color: #c4c4c5;
        display: inline-block;
        font-weight: 400;
        padding-bottom: 6px;
        padding-left: 20px;
        padding-right: 8px;
        padding-top: 6px;
        text-decoration: none;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi p.morelink > a:hover {
        background-image: url('../../files/theme/images/icons/link_int_ebeaeb.svg');
        color: #ebeaeb;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi p.backlink > a {
        background-color: #bd0b43;
        background-image: url('../../files/theme/images/icons/up_c4c4c5.svg');
        background-position: 50% 5px;
        background-repeat: no-repeat;
        background-size: auto 12px;
        clear: both;
        color: #c4c4c5;
        display: block;
        float: right;
        font-weight: 400;
        padding-bottom: 6px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 30px;
        text-decoration: none;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi p.backlink > a:hover {
        background-image: url('../../files/theme/images/icons/up_ebeaeb.svg');
        color: #ebeaeb;
        transition:
            color 0.25s linear 0s;
    }

    /* Module: Image */

    section.mpi.mod_eventlist figcaption,
    section.mpi.mod_newslist figcaption,
    section.mpi.mod_techoffers_list figcaption {
        display: none;
    }

    /* Module: Table */

    section.mpi.mod_eventmenu table {
        border-collapse: collapse;
        box-sizing: border-box;
        margin-bottom: 16px;
        table-layout: fixed;
        width: 100%;
    }

    section.mpi.mod_eventmenu table thead tr th {
        background-color: #c4c4c5;
        padding: 5px;
        text-align: center;
    }

    section.mpi.mod_eventmenu table tbody tr td {
        background-color: transparent;
        border-bottom-color: #c4c4c5;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding: 5px;
        text-align: center;
    }

    section.mpi.mod_eventmenu table tbody tr.last td {
        border-bottom: none;
    }

    section.mpi.mod_eventmenu table thead tr th a,
    section.mpi.mod_eventmenu table tbody tr td a {
        color: #ec732b;
        text-decoration:none;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi.mod_eventmenu table thead tr th a:hover,
    section.mpi.mod_eventmenu table tbody tr td a:hover {
        color: #c4c4c5;
        transition:
            color 0.25s linear 0s;
    }

    /* Module: List */

    section.mpi.mod_eventmenu ul.level_1,
    section.mpi.mod_eventmenu ul.level_2 {
        margin-bottom: 8px;
    }

    section.mpi.mod_eventmenu ul.level_1 > li,
    section.mpi.mod_eventmenu ul.level_2 > li {
        border-right-color: #c4c4c5;
        border-right-style: solid;
        border-right-width: 1px;
        display: inline-block;
        margin-right: 8px;
        padding-right: 8px;
    }

    section.mpi.mod_eventmenu ul.level_1 > li.last,
    section.mpi.mod_eventmenu ul.level_2 > li.last {
        border-right: none;
        margin-right: 0px;
        padding-right: 0px;
    }

    section.mpi.mod_eventmenu ul.level_1 > li a,
    section.mpi.mod_eventmenu ul.level_2 > li a {
        color: #ec732b;
        text-decoration:none;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi.mod_eventmenu ul.level_1 > li a:hover,
    section.mpi.mod_eventmenu ul.level_2 > li a:hover {
        color: #c4c4c5;
        transition:
            color 0.25s linear 0s;
    }

    /* Pagination */

    ul.pagination {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    ul.pagination > li p {
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        padding-left: 24px;
        padding-right: 24px;
        text-align: center;
    }

    ul.pagination > li.previous a,
    ul.pagination > li.previous span,
    ul.pagination > li.next a,
    ul.pagination > li.next span {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        display: block;
        height: 18px;
        width: 14px;
    }

    ul.pagination > li.previous a,
    ul.pagination > li.previous span {
        background-image: url('../../files/theme/images/icons/previous_ec732b.svg');
    }

    ul.pagination > li.next a,
    ul.pagination > li.next span {
        background-image: url('../../files/theme/images/icons/next_ec732b.svg');
    }

    ul.pagination ul.pages {
        display: flex;
        justify-content: center;
    }

    ul.pagination ul.pages > li {
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        text-align: center;
    }

    ul.pagination ul.pages > li a,
    ul.pagination ul.pages > li span {
        display: block;
        padding-left: 4px;
        padding-right: 4px;
    }

    ul.pagination ul.pages > li a {
        color: #1c1c1c;
        text-decoration: none;
        transition:
            color 0.25s linear 0s;
    }

    ul.pagination ul.pages > li a:hover,
    ul.pagination ul.pages > li span {
        color: #c0c0c0;
        transition:
            color 0.25s linear 0s;
    }

    /* Module: Search */

    section.mpi.mod_search div.match {
        padding-bottom: 16px;
    }

    section.mpi.mod_search mark.highlight {
        background-color: #bd0b43;
        color: #ffffff;
    }

    /* Module: Form */

    section.mpi.ce_form div.widget,
    section.mpi.mod_login div.widget,
    section.mpi.mod_subscribe div.widget,
    section.mpi.mod_unsubscribe div.widget,
    section.mpi.mod_techoffers_filter div.widget {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }

    section.mpi.ce_form div.widget.half {
        box-sizing: border-box;
        float: left;
        display: inline-block;
        width: 50%;
    }

    section.mpi.ce_form fieldset.container > legend {
        color: #bd0b43;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 16px;
        margin-top: 16px;
    }

    section.mpi.ce_form div.widget > label,
    section.mpi.mod_login div.widget > label,
    section.mpi.mod_subscribe div.widget > label,
    section.mpi.mod_unsubscribe div.widget > label,
    section.mpi.mod_techoffers_filter div.widget > label,
    section.mpi.ce_form fieldset.checkbox_container > legend,
    section.mpi.mod_subscribe fieldset.checkbox_container > legend,
    section.mpi.mod_unsubscribe fieldset.checkbox_container > legend,
    section.mpi.ce_form fieldset.radio_container > legend {
        display: block;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 5px;
        padding-left: 11px;
        padding-right: 11px;
    }

    section.mpi.ce_form p.error {
        color: #bd0b43;
        font-weight: bold;
    }

    section.mpi.ce_form input.text,
    section.mpi.login input.text,
    section.mpi.mod_subscribe input.text,
    section.mpi.mod_unsubscribe input.text,
    section.mpi.mod_techoffers_filter input.text {
        background-color: #ffffff;
        border: 1px solid #c4c4c5;
        box-sizing: border-box;
        font-size: 13px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        width: 100%;
    }

    section.mpi.ce_form textarea.textarea {
        background-color: #ffffff;
        border: 1px solid #c4c4c5;
        box-sizing: border-box;
        font-size: 13px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        width: 100%;
    }

    section.mpi.ce_form fieldset.checkbox_container div.container,
    section.mpi.mod_login fieldset.checkbox_container div.container,
    section.mpi.mod_subscribe fieldset.checkbox_container div.container,
    section.mpi.mod_unsubscibe fieldset.checkbox_container div.container,
    section.mpi.ce_form fieldset.radio_container div.container {
        padding-left: 11px;
        padding-right: 11px
    }

    section.mpi.ce_form fieldset.checkbox_container div.container fieldset,
    section.mpi.ce_form fieldset.radio_container div.container fieldset {
        display: inline-block;
        margin-right: 20px;
    }

    section.mpi.ce_form fieldset.checkbox_container div.container fieldset legend,
    section.mpi.ce_form fieldset.radio_container div.container fieldset legend {
        color: #bd0b43;
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
        margin-bottom: 10px;
    }

    section.mpi.ce_form fieldset.checkbox_container span.option,
    section.mpi.mod_login fieldset.checkbox_container span.option,
    section.mpi.mod_subscribe fieldset.checkbox_container span.option,
    section.mpi.mod_unsubscribe fieldset.checkbox_container span.option,
    section.mpi.ce_form fieldset.radio_container span.option {
        display: inline-block;
        margin-right: 10px;
    }

    section.mpi.ce_form fieldset.checkbox_container span.option label,
    section.mpi.mod_login fieldset.checkbox_container span.option label,
    section.mpi.mod_subscribe fieldset.checkbox_container span.option label,
    section.mpi.mod_unsubscribe fieldset.checkbox_container span.option label,
    section.mpi.ce_form fieldset.radio_container span.option label {
        margin-left: 5px;
    }

    section.mpi.ce_form button.submit,
    section.mpi.mod_login button.submit,
    section.mpi.mod_subscribe button.submit,
    section.mpi.mod_unsubscribe button.submit,
    section.mpi.mod_techoffers_filter button.reset {
        background-color: #bd0b43;
        background-image: url('../../files/theme/images/icons/link_int_c4c4c5.svg');
        background-position: 5px 50%;
        background-repeat: no-repeat;
        background-size: auto 12px;
        border: none;
        color: #c4c4c5;
        display: inline-block;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 16px;
        margin-top: 16px;
        padding-bottom: 6px;
        padding-left: 20px;
        padding-right: 8px;
        padding-top: 6px;
        text-decoration: none;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi.ce_form button.submit:hover,
    section.mpi.mod_login button.submit:hover,
    section.mpi.mod_subscribe button.submit:hover,
    section.mpi.mod_unsubscribe button.submit:hover,
    section.mpi.mod_techoffers_filter button.reset:hover {
        background-image: url('../../files/theme/images/icons/link_int_ebeaeb.svg');
        color: #ebeaeb;
        transition:
            color 0.25s linear 0s;
    }

    section.mpi.mod_subscribe div.confirmation {
        float: left;
        margin-right: 10px;
    }

    /* Module: Techoffer Filter */

    section.mpi.mod_techoffers_filter ul.filter,
    section.mpi.mod_techoffers_filter ul.filter ul {
        box-sizing: border-box;
        list-style: none;
        padding-left: 0px;
        width: 100%;
    }

    section.mpi.mod_techoffers_filter ul.filter {
        display: flex;
        flex-wrap: wrap;
    }

    section.mpi.mod_techoffers_filter ul.filter ul {
        display: none;
    }

    section.mpi.mod_techoffers_filter ul.filter > li > input[type="checkbox"]:checked + label + ul {
        display: block;
    }

    section.mpi.mod_techoffers_filter ul.filter > li {
        box-sizing: border-box;
        padding-bottom: 5px;
        padding-left: 0.5%;
        padding-right: 0.5%;
        padding-top: 5px;
        flex: 0 0 15.66666%;
    }

    section.mpi.mod_techoffers_filter ul.filter ul > li {
        padding-top: 5px;
    }

    section.mpi.mod_techoffers_filter ul.filter > li > label,
    section.mpi.mod_techoffers_filter ul.filter ul > li > label {
        background-color: #ffffff;
        border-color: #c4c4c5;
        border-radius: 1em;
        border-style: solid;
        border-width: 2px;
        box-sizing: border-box;
        color: #50585d;;
        cursor: pointer;
        display: inline-block;
        font-weight: 400;
        padding-left: 25px;
        position: relative;
        user-select: none;
        transition: all 0.2s;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-tap-highlight-color: transparent;
        width: 100%;
    }

    section.mpi.mod_techoffers_filter ul.filter > li > label {
        font-size: 0.9rem;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-top: 8px;
    }

    section.mpi.mod_techoffers_filter ul.filter > li.parent > label {
        padding-right: 25px;
    }

    section.mpi.mod_techoffers_filter ul.filter ul > li > label {
        font-size: 0.75rem;
        padding-bottom: 4px;
        padding-right: 14px;
        padding-top: 4px;
    }

    section.mpi.mod_techoffers_filter ul.filter > li > input[type="checkbox"]:checked + label,
    section.mpi.mod_techoffers_filter ul.filter ul > li > input[type="checkbox"]:checked + label {
        background-color: #bd0b43;
        border-color: #ffffff;
        color: #ffffff;
        transition: all .2s;
    }

    section.mpi.mod_techoffers_filter ul.filter > li > input[type="checkbox"],
    section.mpi.mod_techoffers_filter ul.filter ul > li > input[type="checkbox"] {
        opacity: 0;
        position: absolute;
    }

    section.mpi.mod_techoffers_filter ul.filter > li > label::before,
    section.mpi.mod_techoffers_filter ul.filter ul > li > label::before {
        content: '';
        display: block;
        background-image: url('../../files/theme/images/icons/unchecked_50585d.svg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 100% auto;
        left: 5px;
        position: absolute;
        transition: transform .3s ease-in-out;
        vertical-align: text-bottom;
    }

    section.mpi.mod_techoffers_filter ul.filter > li > label::before {
        height: 18px;
        top: 10px;
        width: 18px;
    }

    section.mpi.mod_techoffers_filter ul.filter ul > li > label::before {
        height: 15px;
        top: 7px;
        width: 15px;
    }

    section.mpi.mod_techoffers_filter ul.filter li input[type="checkbox"]:checked + label::before,
    section.mpi.mod_techoffers_filter ul.filter ul li input[type="checkbox"]:checked + label::before {
        background-image: url('../../files/theme/images/icons/checked_ffffff.svg');
        transform: rotate(-360deg);
        transition: transform .3s ease-in-out;
    }

    section.mpi.mod_techoffers_filter ul.filter > li.parent > label::after {
        content: '';
        display: block;
        height: 15px;
        background-image: url('../../files/theme/images/icons/down_bd0b43.svg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 100% auto;
        right: 8px;
        position: absolute;
        top: 11px;
        transition: transform .3s ease-in-out;
        width: 10px;
    }

    section.mpi.mod_techoffers_filter ul.filter > li.parent input[type="checkbox"]:checked + label::after {
        background-image: url('../../files/theme/images/icons/up_ebeaeb.svg');
        transform: rotate(-360deg);
        transition: transform .3s ease-in-out;
    }

    section.mpi.mod_techoffers_filter button.reset {
        display: block;
        font-size: 12px;
        line-height: 16px;
        margin-left: auto;
        margin-right: 0px;
    }

}

@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) {

    /* Module: Form */

    section.mpi.ce_form fieldset.checkbox_container > legend,
    section.mpi.mod_subscribe fieldset.checkbox_container > legend,
    section.mpi.mod_unsubscribe fieldset.checkbox_container > legend,
    section.mpi.ce_form fieldset.radio_container > legend,
    section.mpi.ce_form div.widget > label,
    section.mpi.mod_subscribe div.widget > label,
    section.mpi.mod_unsubscribe div.widget > label {
        display: block;
        float: none;
        min-width: auto;
    }

    section.mpi.ce_form fieldset.checkbox_container div.container,
    section.mpi.mod_login fieldset.checkbox_container div.container,
    section.mpi.mod_subscribe fieldset.checkbox_container div.container,
    section.mpi.mod_unsubscribe fieldset.checkbox_container div.container,
    section.mpi.ce_form fieldset.radio_container div.container {
        float: none;
    }

    /* Module: Techoffer Filter */

    section.mpi.mod_techoffers_filter ul.filter > li {
        flex: 0 0 49%;
    }

}

@media print {
}