@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('../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('../images/icons/link_ext_ec732b.svg');
        padding-left: 27px;
    }

    section.mpi div.text a:hover,
    section.mpi figcaption a:hover {
        background-image: url('../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('../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('../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('../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('../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('../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('../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('../images/icons/link_ext_c4c4c5.svg');
        padding-left: 27px;
    }

    section.mpi p.link > a:hover {
        background-image: url('../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('../images/icons/link_ext_ebeaeb.svg');
    }

    section.mpi p.toplink > a {
        background-color: #bd0b43;
        background-image: url('../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('../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('../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('../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('../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;
    }

}