/* elements.css for >VPAK< */

.werbelink {
    color: rgb(51,51,51);
    float:right;
    line-height: 1;
    padding: 0.625rem;
    text-decoration: none;
    margin-right: -.625rem;
    font-weight: 400;
}

.werbelink span {
    font-weight: 700;
}

/* cookieconsent */
.cc-link {
    padding: 0;
    display: inline;
}

/* Override for new font-awesome version */


.ce-tabs .rc-head .rc-link::after,
.ce-accordeon .rc-head .rc-link::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

.ce-type-header, .ce-type-shortcut, .ce-type-html, [class *="ce-type-grid"] {
    margin-bottom: 0 !important;
}

/* lightbox - we have fontawesome? awesome! */
@media all {
    .ce-media-image a { position:relative; }

    .ce-media-image a::before {
        font-family:"Font Awesome 5 Free";
        font-weight:900;

        content: '\f0c1';
        font-size: 1rem;
        line-height: 1;

        width: 1rem;
        height: 1rem;
        position: absolute;
        z-index: 1;
        top: auto;
        bottom: 0.3125rem;
        right: 0.3125rem;

        color: rgb(255,255,255);
        text-shadow: 0 0 1px rgb(0,0,0);
        background: none;
    }
    .ce-media-image a {
        text-decoration: none;
    }

    .ce-media-image a.lightbox::before {
        content: '\f00e';
    }
    .ce-media-image .ce-media-caption a::before {
        content: none;
    }
}

/* news */
@media all {

    .news-list-item + .news-list-item {
        border-top: 1px solid rgb(153,153,153);
        border-top: 1px solid rgb(237,237,237);
        padding-top: 1.25rem;
    }
    .news-list-item + .news-list-item.news-list-item-teaser {
        border: none;
        padding-top: 0;
    }

    .news-list .news-date {
        font-weight: 700;
        display: inline-block;
    }
    .news-list-link .fa {
        padding-left: 0.5em;
    }

    .news-list-item-teaser {
        width: 100%;
    }
    .news-list-teaser .ce-textmedia-inner {
        display: flex;
        flex-direction: column;
    }

    .news-list-teaser .news-teaser-text {
        flex-grow: 1;
    }

    .news-list-masonry .has-pagination {
        margin-bottom: 5rem;
    }

    .news-list-masonry .pagination {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
    }
}

/* Extend class and override TiElements styles */
@media all {

    .ce-textmedia-inner {
        overflow: visible;
    }

    .cc-revoke.cc-bottom {
        transition: all .25s ease-in-out;
        opacity: 1;
        left: .625rem;
    }

    .cc-revoke.cc-bottom.hidden {
        transition: all .5s ease-in-out;
        bottom: -2rem;
        opacity: 0;
    }

    .ce-intext .ce-gallery {
        margin-top: .3125rem;
    }

    .ce-menu a {
        /*text-decoration: inherit;*/
    }

    .ce-element {
        margin-bottom: 0.625rem;
    }

    .ce-accordeon {
        margin-bottom: 1.25rem !important;;
    }

    .page-stage .ce-slider .ce-header {
        position: relative;
        transform: none;
    }

    .page-stage .ce-element .ce-textmedia-inner {
        padding-bottom: .625rem;
    }

    .page-stage .ce-element .ce-textmedia-inner ,
    .page-stage .ce-element .ce-header ,
    .page-stage .ce-element .ce-header a {
        color: rgb(255,255,255);
    }

    .page-stage .ce-element .ce-header ,
    .page-stage .ce-element .ce-bodytext {
        margin: 0;
        padding: 0;
        padding-top: .625rem;
    }

    .page-stage .ce-element .ce-bodytext {
        padding-top: 0;
    }

    .page-stage .ce-element .ce-textmedia-inner {
        padding-left: .625rem;
        padding-right: .625rem;
    }

    .page-stage .ce-element p:last-child {
        margin-bottom: 0;
    }

    /* Additional layouts */

    .ce-layout-box-outer {
        border-radius: .25rem;
        overflow: hidden;
        box-shadow: 0 .3125rem 1.25rem rgba(0,0,0,0.125);
    }

    .ce-layout-download-pdf-inner ,
    .ce-layout-attention-red-inner {
        border-radius: .25rem;
        padding: .625rem;
        padding-bottom: 0;
        margin-bottom: .625rem;
    }

    .ce-layout-download-pdf-inner {
        background-color: rgb(245,245,245);
        margin-bottom: 0;
    }

    .ce-layout-attention-red-inner {
        background-color: rgb(174,18,37);
    }

    .ce-layout-attention-red-inner::before {
        content: "";
        display: block;
        position: relative;
        float: right;
        width: 10%;
        opacity: .5;
        padding-bottom: 12%;
        margin-bottom: .625rem;
        margin-left: 2.5rem;
        background-image: url("../Vector/icon_lightbulb.svg");
        background-position: center;
        background-repeat: no-repeat;
    }

    .ce-layout-attention-red-inner .ce-header ,
    .ce-layout-attention-red-inner .ce-bodytext {
        color: rgb(255,255,255);
    }

    .ce-teaserlink-outer .ce-teaserlink-link:focus + .ce-teaserlink-inner .ce-layout-download-pdf-inner ,
    .ce-teaserlink-outer:hover .ce-layout-download-pdf-inner {
        background-color: rgb(174,18,37);
        color: rgb(255,255,255);
    }

    .ce-layout-download-pdf-inner .ce-gallery ,
    .ce-layout-download-pdf-inner .ce-teaserlink-outer {
        margin: 0;
    }

    .ce-layout-download-pdf-inner .ce-gallery .ce-column {
        margin-bottom: .625rem;
    }

    .ce-frame-imageframe-shadow img ,
    .ce-layout-download-pdf-inner .ce-media img {
        box-shadow: 0 0 .3125rem rgba(0,0,0,.5);
    }

    .ce-frame-imageframe-shadow .ce-intext .ce-gallery ,
    .ce-frame-imageframe-persona .ce-intext.ce-nowrap .ce-gallery {
        width: calc((100% - 5rem) / 3 + 1.25rem);
        max-width: 8rem;
    }

    .ce-frame-imageframe-shadow .ce-intext.ce-left .ce-gallery ,
    .ce-frame-imageframe-persona .ce-intext.ce-left .ce-gallery {
        padding-right: 1.25rem;
    }

    .ce-frame-imageframe-shadow .ce-intext.ce-right .ce-gallery ,
    .ce-frame-imageframe-persona .ce-intext.ce-right .ce-gallery {
        padding-left: 1.25rem;
    }

    .ce-frame-imageframe-persona img {
        border-radius: 50%;
        overflow: hidden;
    }

    .ce-element.ce-layout-download-pdf .ce-nowrap .ce-gallery {
        width: 25%;
    }

    .ce-layout-download-pdf .ce-nowrap.ce-left .ce-gallery {
        float: left;
        padding-right: 1.25rem;
    }

    .ce-layout-download-pdf .ce-nowrap.ce-right .ce-gallery {
        float: right;
        padding-left: 1.25rem;
    }

    .ce-grid-6-col {
        padding: 0;
        list-style: none;
    }

    .ce-grid-6-col > .ce-col {
        position: relative;
    }

    .ce-layout-fullwidth-teaser {
        position: relative;
        padding: .3125rem 0;
        margin-bottom: .625rem !important;
    }

    .ce-layout-fullwidth-teaser::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -.625rem;
        left: -.625rem;
        bottom: 0;
        background-color: rgb(174,18,37);
    }

    .ce-layout-fullwidth-teaser .ce-element ,
    .ce-layout-fullwidth-teaser .ce-teaserlink-outer ,
    .ce-layout-fullwidth-teaser .ce-column ,
    .ce-layout-fullwidth-teaser p {
        margin-bottom: 0;
    }

    .ce-layout-download-pdf .ce-teaserlink-outer {
        margin-bottom: 0;
    }

    .ce-layout-fullwidth-teaser .ce-teaserlink-outer {
        position: initial;
    }

    .ce-layout-fullwidth-teaser .ce-element .ce-teaserlink-outer {
        padding: .3125rem 0;
    }

    .ce-layout-fullwidth-teaser .ce-gallery {
        max-width: 2.5rem;
        padding: 0;
    }

    .ce-layout-fullwidth-teaser .ce-bodytext {
        position: absolute;
        top: 50%;
        left: 2.5rem;
        padding-left: 1rem;
        transform: translateY(-50%);
        color: rgb(255,255,255);
        font-weight: 700;
    }

    .page-footer-top .ce-menu {
        list-style: disc;
        padding-left: 1.25rem;
    }

    .page-footer-top .ce-menu a {
        padding: 0;
        display: inline-block;
        text-decoration: underline;
    }

    .ce-teaserlink-inner {
        position: relative;
        z-index: 0;
    }

    .ce-layout-teaser-container .ce-teaserlink-outer {
        background-color: #ae1320;
        border-radius: .25rem;
        overflow: hidden;
        text-align: center;
        transition: transform .25s ease-in-out, box-shadow .25s ease-in-out, background-color .25s ease-in-out;
        box-shadow: 0 0 0 -.625rem rgba(0,0,0,1);
        overflow: visible;
    }

    .ce-layout-teaser-container .ce-teaserlink-outer:focus-within ,
    .ce-layout-teaser-container .ce-teaserlink-outer:hover {
        transform: translateY(-1rem);
        box-shadow: 0 1.25rem 1.25rem -.625rem rgba(0,0,0,.25);
        background-color: rgb(85,85,85);
    }

    .ce-layout-teaser-container .ce-teaserlink-outer:hover::after {
        content: "";
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        height: 1rem;
    }

    .ce-layout-teaser-container .ce-teaserlink-outer .ce-teaserlink-link:focus + .ce-teaser-link-inner ,
    .ce-layout-teaser-container .ce-teaserlink-outer:hover .ce-teaser-link-inner {
        transform: translateY(-1rem);
        box-shadow: 0 1.25rem 1.25rem -.625rem rgba(0,0,0,.25);
    }

    .ce-layout-teaser-container .ce-gallery {
        padding-bottom: 0;
        border-radius: .25rem .25rem 0 0;
        overflow: hidden;
    }

    .ce-layout-teaser-container .ce-column {
        margin-bottom: 0;
    }

    .ce-layout-teaser-container .ce-bodytext {
        padding: 0.625rem .9375rem;
        color: #fff;
    }

    .ce-layout-teaser-container .ce-bodytext p {
        margin-bottom: 0;
    }

    .ce-accordeon {
        border-bottom: .0625rem dashed rgb(218,218,218);
    }

    /*.ce-tabs .rc-head,*/
    .ce-accordeon .rc-head {
        border: 0 none transparent;
        border-top: .0625rem dashed rgb(218,218,218);
        border-radius: 0;
    }

    /*.ce-tabs > .ce-element > .rc-head > *, */
    .ce-accordeon > .ce-element > .rc-head > * {
        padding: 0.9375rem .625rem;
    }

    /*.ce-tabs > .ce-element + .ce-element,*/
    .ce-accordeon > .ce-element + .ce-element {
        margin-top: 0;
    }

    .ce-accordeon .rc-show-closed > * ,
    .ce-accordeon .rc-show-opened > * {
        /*font-size: 1rem;*/
    }

    /*.ce-tabs .rc-container-enabled,*/
    .ce-accordeon .rc-container-enabled {
        border: 0 none transparent;
    }

    /*.ce-tabs .rc-head.rc-open,*/
    .ce-accordeon .rc-head.rc-open {
        border-bottom: 0 none transparent;
    }

    /*.ce-tabs .rc-container-enabled,*/
    .ce-accordeon .rc-container-enabled {
        padding: .625rem;
        padding-bottom: 0;
    }

    .news-teaser {
        font-weight: 700;
    }

    .news-date {
        float: left;
        font-weight: 700;
    }

    .news-date::after {
        content: "|";
        padding-right: .3125rem;
    }

    .mfp-content {
        background-color: rgb(255,255,255);
    }

    .ce-uploads li {
        background-color: rgb(246,246,246);
        padding: .5rem 1rem;
        border-radius: .25rem;
        position: relative;
        display: flex;
    }

    .ce-uploads li:hover {
        background-color: rgb(174,18,37);
    }

    .ce-uploads-link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .ce-uploads .ce-uploads-link ,
    .ce-uploads .ce-uploads-link:focus ,
    .ce-uploads .ce-uploads-link:hover {
        background-color: transparent;
    }

    .ce-uploads .fa {
        font-size: 2rem;
        color: rgb(174,18,37);
    }

    .ce-uploads li:hover .fa {
        color: rgb(255,255,255);
    }

    .ce-uploads-filename {
        color: rgb(51,51,51);
        text-decoration: none;
    }

    .ce-uploads-filename ,
    .ce-uploads-filesize ,
    .ce-uploads-description {
        padding: .25rem 0 .25rem .5rem;
    }

    .ce-uploads li:hover .ce-uploads-filename ,
    .ce-uploads li:hover .ce-uploads-filesize ,
    .ce-uploads li:hover .ce-uploads-description {
        color: rgb(255,255,255);
    }

    /* Extra focus styles */

    .page-stage .slick-slider .slick-slide ,
    .ce-gallery a {
        position: relative;
    }

    .ce-layout-teaser-container .ce-teaserlink-inner::after ,
    .page-stage .slick-slider .slick-slide::before ,
    .ce-gallery a::after {
        content: "";
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        border: .25rem solid rgb(174,18,37);
    }

    .ce-layout-teaser-container .ce-teaserlink-inner::after {
        border-radius: .25rem;
    }

    .ce-layout-teaser-container .ce-teaserlink-link:focus + .ce-teaserlink-inner::after ,
    .page-stage .slick-slider .slick-slide:focus::before ,
    .ce-gallery a:focus::after {
        display: block;
    }

    .ce-layout-teaser-container .ce-teaserlink-link:focus + .ce-teaserlink-inner .ce-textmedia {
        background-color: rgb(85,85,85);
    }

    .slick-arrow {
        font-size: 200%;
        -webkit-appearance: none;
        border: none;
        padding: 0 1rem;

        background: rgba(0,0,0,0.125);
        color: rgba(255,255,255,0.5);
        transition: all 0.25s;
        opacity: 0;

        position: absolute;
        z-index: 2;
        top: 50%;
        transform: translateY(-50%);
    }

    .slick-arrow:focus ,
    .slick-arrow:hover {
        color: rgb(255,255,255);
        background: rgba(0,0,0,0.5);
    }

    .slick-prev {
        left: 0;
    }

    .slick-next {
        right: 0;
    }

    .slick-slider:focus-within .slick-arrow ,
    .slick-slider:hover .slick-arrow {
        opacity: 1;
    }

}

@media all and (min-width: 30em) {

    .cc-revoke.cc-bottom {
        left: 1.25rem;
    }

    .ce-element{
        margin-bottom: 1.25rem;
    }

    .ce-accordeon {
        margin-bottom: 2.5rem !important;;
    }

    .page-stage .ce-element .ce-textmedia-inner {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .ce-element.ce-layout-download-pdf .ce-nowrap .ce-gallery {
        width: 5.75rem;
    }

    .ce-element.ce-layout-download-pdf .ce-gallery img[data-sizes="auto"].lazyloaded {
        height: 5.75rem;
    }

    .ce-element.ce-layout-download-pdf .ce-gallery img {
        height: 5.75rem !important;
        width: auto;
        margin: 0 auto;
    }

    .ce-layout-fullwidth-teaser {
        padding: .625rem 0;
        margin-bottom: 1.25rem !important;
    }

    .ce-layout-fullwidth-teaser::before {
        right: -1.25rem;
        left: -1.25rem;
    }

    .ce-layout-fullwidth-teaser .ce-element .ce-teaserlink-outer {
        padding: .625rem 0;
    }

    .ce-layout-fullwidth-teaser .ce-gallery {
        max-width: 3.75rem;
    }

    .ce-layout-fullwidth-teaser .ce-bodytext {
        left: 3.75rem;
    }

}

@media all and (min-width: 47.5em), print {

    .ce-div {
        position: relative;
        overflow: hidden;
        height:0.9375rem;
    }

    .ce-div::before {
        content: "";
        display: block;
        border-radius: 25%;
        position: absolute;
        left: 2.5rem;
        right: 2.5rem;
        bottom: 100%;
        height: 1.25rem;
        box-shadow: 0 0 1.25rem rgba(0,0,0,0.05);
    }

    .ce-media-image a::before {
        right: 0.625rem;
        bottom: 0.625rem;
    }

    /* news teaser */
    .news-list-teaser {
        margin: 0 -0.625rem;
    }
    .news-list-item-teaser {
        width: 50%;
        float: left;
        padding: 0 0.625rem;
    }

    .news-list-teaser .news-list-item-teaser {
        clear: none;
    }

    .news-list-teaser .news-list-item-teaser:nth-child(2n+1) {
        clear: left;
    }

    /* 6 col */
    .ce-grid-6-col > .ce-col {
        width: 16.6666%;
    }
    .ce-grid-6-col > .ce-col:nth-child(6n+1) {
        clear: left;
    }

    .ce-layout-fullwidth-teaser {
        padding: 0;
    }

    .ce-layout-fullwidth-teaser .ce-element .ce-teaserlink-outer {
        padding: 1.25rem 0;
    }

    .ce-layout-fullwidth-teaser .ce-bodytext {
        position: relative;
        top: initial;
        left: initial;
        padding-top: .625rem;
        padding-left: 0;
        transform: none;
        text-align: center;
    }

    .ce-layout-fullwidth-teaser .ce-gallery {
        margin: 0 auto;
    }

    .ce-layout-fullwidth-teaser .ce-teaserlink-outer .ce-gallery {
        transition: transform .125s ease-in-out, filter .125s ease-in-out;
    }

    .ce-layout-fullwidth-teaser .ce-teaserlink-outer .ce-teaserlink-link:focus + .ce-teaserlink-inner .ce-gallery ,
    .ce-layout-fullwidth-teaser .ce-teaserlink-outer:hover .ce-gallery {
        transform: scale(1.2) translateY(-.125rem);
        filter: drop-shadow(0 .5rem .125rem rgba(0,0,0,.125)) drop-shadow(0 .5rem .75rem rgba(0,0,0,.125));
    }

    .ce-layout-fullwidth-teaser .ce-teaserlink-outer .ce-bodytext {
        transition: transform .125s ease-in-out;
    }

    .ce-layout-fullwidth-teaser .ce-teaserlink-outer .ce-teaserlink-link:focus + .ce-teaserlink-inner .ce-bodytext ,
    .ce-layout-fullwidth-teaser .ce-teaserlink-outer:hover .ce-bodytext{
        transform: translateY(.25rem);
    }


    .ce-layout-download-pdf-inner ,
    .ce-layout-attention-red-inner {
        padding: .625rem 1.25rem;
        padding-bottom: 0;
        /*! margin-bottom: .9675rem; */
    }

    .ce-layout-attention-red-inner::before {
        margin-bottom: 1.25rem;
    }

    .news-list-teaser {
        padding-top: .625rem;
    }

    .werbelink {
        padding: 2.5rem 0.625rem;
        margin-right: 2.5rem;
    }

}

/* desktop */
@media all and (min-width: 62.5em) {

    .cc-revoke.cc-bottom {
        left: 2.5rem;
    }

    .news-list-item + .news-list-item {
        padding-top: 1.5625rem;
    }

    .ce-layout-box-inner > .ce-above-header {
        margin-top: -1.875rem;
    }

    .ce-layout-box-inner {
        padding: 1.875rem 1.875rem 0.625rem;
    }

    .ce-layout-box-inner > .ce-above-header > .ce-gallery,
    .ce-layout-box-inner > .ce-above > .ce-gallery,
    .ce-layout-box-inner > .ce-below > .ce-gallery {
        margin-left: -1.875rem;
        margin-right: -1.875rem;
    }

    /* news teaser */
    .news-list-teaser {
        padding-top: 1.25rem;
        margin: 0 -1.25rem;
    }
    .news-list-item-teaser {
        width: 33.3333%;
        float: left;
        padding: 0 1.25rem;
    }
    .news-list-teaser .news-list-item-teaser:nth-child(2n+1) {
        clear: none;
    }
    .news-list-teaser .news-list-item-teaser:nth-child(3n+1) {
        clear: left;
    }

    /* Extend class and override TiElements styles */
    .page-stage .ce-element .ce-textmedia-inner ,
    .page-stage .ce-slider .ce-textmedia-inner {
        position: absolute;
        left: initial;
        right: 2.5rem;
        padding: 0;
        border-radius: 0;
        margin-left: initial;
        background: transparent;
        bottom: 3.75rem;
        width: 60%;
        overflow: visible;
    }

    .page-stage .ce-textmedia-inner {
        text-align: right;
    }

    .page-layout-home .page-stage  .ce-textmedia-inner {
        text-align: left;
    }

    .page-stage .ce-header,
    .page-stage .ce-header a {
        color: rgb(255,255,255);
        text-decoration: none;
    }

    .page-stage .ce-element .ce-header ,
    .page-stage .ce-element .ce-bodytext {
        margin: 0;
        padding: 0;
    }

    .page-stage .ce-slider .ce-header + .ce-bodytext ,
    .page-stage .ce-element .ce-header + .ce-bodytext {
        margin-top: -.3125rem;
    }

    .page-stage .ce-header > * {
        text-shadow: 0 0 1rem rgba(0,0,0,.5), 0 0 .25rem rgba(0,0,0,.25);
    }

    .page-stage .ce-textmedia-inner > .ce-header:last-child > * {
        margin-bottom: 0;
    }

    .page-stage .ce-teaserlink-outer {
        margin: 0;
    }

    .ce-layout-fullwidth-teaser {
        margin-bottom: 2.5rem !important;
    }

    .ce-layout-fullwidth-teaser::before {
        right: -2.5rem;
        left: -2.5rem;
    }

    .ce-layout-fullwidth-teaser .ce-element .ce-teaserlink-outer {
        padding: 2.5rem 0;
    }

    .ce-layout-fullwidth-teaser .ce-bodytext {
        padding-top: 1.25rem;
    }

    .ce-layout-fullwidth-teaser .ce-gallery {
        max-width: 5rem;
    }

}

/* desktop - xlarge */
@media (min-width:82.5em) {

    .news-list-item + .news-list-item {
        padding-top: 1.25rem;
    }

    .ce-element {
        margin-bottom: 1.25rem;
    }

    .ce-layout-fullwidth-teaser {
        margin-top: 2.5rem;
        margin-bottom: 3.75rem !important;
    }

    .ce-layout-fullwidth-teaser .ce-element .ce-teaserlink-outer {
        padding: 3.75rem 0;
    }

    .ce-layout-fullwidth-teaser .ce-bodytext ,
    .ce-layout-teaser-container .ce-bodytext {
        font-size: 1.125rem;
    }

}

/* desktop - xlarge */
@media (min-width:87.5em) {

    .ce-layout-fullwidth-teaser::before {
        right: -6.25rem;
        left: -6.25rem;
    }

}

/* desktop - xlarge */
@media (min-width:92.5em) {

    .cc-revoke.cc-bottom {
        left: 50%;
        margin-left: -43.75rem;
    }

    .slick-arrow {
        padding: 1rem;
    }

}