/* TiCeelements.css */

/* normalize.css v6.0.0 expected!https://github.com/necolas/normalize.css/blob/6.0.0/normalize.css */
/* ti_base.css expected! */

@media all { /* redefine some things */
    .ce-element figure { margin:0; }
    .ce-element img { display: block; }
    .ce-element img { max-width: 100%; height: auto; }

    caption,
    figcaption {
        font-size: 81.25%;
        line-height: 1.25;
        color: rgb(85,85,85);
        text-align: left;
        padding: 0.3125rem 0 0;
        caption-side: bottom;
    }
    .ce-frame-inverted caption,
    .ce-frame-inverted figcaption {
        color: rgb(204,204,204);
    }
}

/* CE options*/
@media all {

    /* header */
    .ce-header-center {
        text-align: center;
    }
    .ce-header-left {
        text-align: left;
    }
    .ce-header-right {
        text-align: right;
    }
    /* sitemap menu */
    .ce-menu {
        list-style: none;
        padding: 0;
    }
    .ce-menu a {
        display: block;
        text-decoration: none;
        padding: 0.3125rem;
    }


    /* teaserlink aka fatlink */
    .ce-teaserlink-outer {
        position: relative;
    }

    /* every link inside (there should not be one...) */
    .ce-teaserlink-outer a {
        z-index: 2;
        position: relative;
    }

    /* the fatlink itself */
    .ce-teaserlink-outer .ce-teaserlink-link {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        opacity:0;
    }

    .ce-teaserlink-link::before,
    .ce-teaserlink-link::after { content: none !important; }


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

    .ce-accordeon {
        margin-bottom: 1.625rem;
    }

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

    /* uploads */
    .ce-uploads {
        list-style-type: none;
        padding-left: 0;
    }

    /* frames */
    .ce-textmedia-inner { overflow: hidden; }

    .ce-frame-inverted > div {
        color: rgb(255,255,255);
    }
    .ce-frame-slider-nostyle .ce-frame-inverted > div {
        color: unset;
    }

    .ce-frame-inverted.ce-layout-contact-person > div ,
    .ce-frame-inverted.ce-layout-box > div {
        background-color: rgb(110,34,114);
    }
    .ce-frame-inverted a:not(.btn) ,
    .ce-frame-inverted .ce-bg-white-1 a:not(.btn):focus ,
    .ce-frame-inverted .ce-bg-white-1 a:not(.btn):hover ,
    .ce-frame-inverted .ce-bg-yellow-1 a:not(.btn):focus ,
    .ce-frame-inverted .ce-bg-yellow-1 a:not(.btn):hover ,
    .ce-frame-inverted .ce-bg-lightgreen-2 a:not(.btn):focus ,
    .ce-frame-inverted .ce-bg-lightgreen-2 a:not(.btn):hover {
        color: rgb(255,255,255);
    }

    .ce-frame-inverted .ce-bg-white-1 a:not(.btn) ,
    .ce-frame-inverted .ce-bg-yellow-1 a:not(.btn) ,
    .ce-frame-inverted .ce-bg-lightgreen-2 a:not(.btn) {
        color: rgb(90,37,114);
    }

    .ce-frame-inverted .c-important {
        font-weight: bold;
    }

    .ce-frame-inverted a:not(.btn):focus,
    .ce-frame-inverted a:not(.btn):hover {
        text-decoration: underline;
        background-color: transparent;
        box-shadow: none;
    }
    .ce-frame-inverted a.ce-teaser-link:focus,
    .ce-frame-inverted a.ce-teaser-link:hover ,
    .ce-frame-inverted .ce-bg-white-1 a:not(.btn):focus ,
    .ce-frame-inverted .ce-bg-white-1 a:not(.btn):hover ,
    .ce-frame-inverted .ce-bg-yellow-1 a:not(.btn):focus ,
    .ce-frame-inverted .ce-bg-yellow-1 a:not(.btn):hover ,
    .ce-frame-inverted .ce-bg-lightgreen-2 a:not(.btn):focus ,
    .ce-frame-inverted .ce-bg-lightgreen-2 a:not(.btn):hover {
        background-color: rgb(90,37,114);
    }
}

/* tables */
@media all {

    .ce-table {
    }

    .ce-table th,
    .ce-table td {
        text-align: left;
        vertical-align: top;
    }

    .ce-table-bordered th,
    .ce-table-bordered td,
    .ce-table-striped th,
    .ce-table-striped td {
        padding:0.3125rem;
    }

    .ce-table-bordered {
        border: 1px solid rgb(205,205,205);
        border-collapse: collapse;
    }

    .ce-table-bordered th,
    .ce-table-bordered td {
        border: 1px solid rgb(205,205,205);
    }

    .ce-table-striped tr {
        background-color: rgba(0,0,0,0.05);
    }

    .ce-table-striped tr:nth-child(odd) {
        background:rgba(0,0,0,0.1);
    }
    .ce-table-striped thead th,
    .ce-table-striped tfoot td {
        background: rgba(0,0,0,0.05);
    }

    .ce-layout-fullwidth-inner > .ce-table {
        width: 100%;
    }
    .ce-frame-align-all-center th,
    .ce-frame-align-all-center td,
    .ce-frame-align-all-center caption,
    .ce-frame-align-header-center th,
    .ce-frame-align-data-center td {
        text-align: center;
    }
    .ce-frame-align-data-right td {
        text-align: right;
    }


    .rc-xsmall .ce-table-small-linearized tr,
    .rc-xsmall .ce-table-small-linearized td,
    .rc-xsmall .ce-table-small-linearized th,
    .rc-small .ce-table-small-linearized tr,
    .rc-small .ce-table-small-linearized td,
    .rc-small .ce-table-small-linearized th {
        display: block;
    }
}

/* image rendering */
@media all {

    /* lazyloading */
    .ce-element img[data-sizes="auto"] { display: block; width: 100%; opacity: 0; }
    .ce-element img[data-sizes="auto"].lazyloaded { padding-bottom: 0 !important; height: auto!important; opacity: 1; }

    .no-js .ce-element .lazyload { display:none !important; }

    .ce-gallery .ce-media,
    .ce-gallery .ce-column,
    .ce-gallery .ce-media-caption,
    .ce-gallery a,
    .ce-gallery img { display: block; max-width: 100%; }

    .ce-above-header .ce-gallery,
    .ce-above .ce-gallery {
        padding-bottom: 0.3125rem;
    }
    .ce-header + .ce-above .ce-gallery,
    .ce-below .ce-gallery {
        padding-top: 0.3125rem;
        padding-bottom: 0.3125rem;
    }

    .ce-row {
        margin: 0 -0.3125rem;
        line-height: 0;
    }

    .ce-column {
        float: left;
        width: 100%;
        margin-bottom: 0.625rem;
        padding: 0 0.3125rem;
    }

    [data-ce-columns="2"] .ce-column {
        max-width: 50%;
    }
    [data-ce-columns="2"] .ce-column:nth-child(2n+1) { clear: left; }

    [data-ce-columns="3"] .ce-column {
        max-width: 33.3333%;
    }
    [data-ce-columns="3"] .ce-column:nth-child(3n+1) { clear: left; }

    [data-ce-columns="4"] .ce-column {
        max-width: 50%;
    }
    [data-ce-columns="4"] .ce-column:nth-child(2n+1) { clear: left; }

    /* svg */
    .ce-media img[src$="svg"] {
        width: 100%;
    }

    /* video */
    .ce-embed {
        position: relative;
        height: 0;
    }

    .ce-embed > * {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        width: 100%;
        height: 100%;
        overflow:hidden;
        border: 0;
    }
    .ce-embed-default {
        padding-bottom: 75%;
    }
    .ce-embed-ratio-4-3 {
        padding-bottom: 75%;
    }
    .ce-embed-ratio-3-2 {
        padding-bottom: 66.6667%;
    }
    .ce-embed-ratio-16-10 {
        padding-bottom: 62.5%;
    }
    .ce-embed-ratio-16-9 {
        padding-bottom: 56.25%;
    }
    .ce-embed-ratio-9-16 {
      padding-bottom: 177.7777%;
    }

    /* audio */
    .ce-embed-audio {
        position: static;
        height: auto;
    }

    .ce-embed-audio > * {
        position: static;
        height: auto;
        min-height: 32px; /* chrome has height:0 without */
        overflow: visible;
    }

    .ce-center .ce-row {
        text-align: center;
    }

    .ce-width-set .ce-column {
        width: auto;
        display: inline-block;
        vertical-align: top;
        float: none;
    }

    .ce-height-set .ce-column {
        width: auto;
        max-width: 100%;
    }

    .ce-center .ce-media-caption,
    .ce-right .ce-media-caption { text-align: left;}

    /* image left/right */

    .ce-intext { margin: 0 -0.3125rem; }
    .ce-intext > * {
        padding: 0 0.3125rem;
    }

    .ce-intext .ce-gallery {
        width: 50%;
        width: calc(50% + 0.3125rem);
    }

    .ce-intext.ce-right .ce-gallery {
        float: right;
        padding-left: 0.625rem;
    }
    .ce-intext.ce-left .ce-gallery {
        float: left;
        padding-right: 0.625rem;
    }

    /* fix ul/ol bullets collapsing */
    .ce-intext.ce-left ol,
    .ce-intext.ce-left ul {
        overflow: auto;
    }

    .ce-intext .ce-gallery {
        margin-bottom: 0.3125rem;
    }

    .ce-intext .ce-gallery.ce-width-set {
        width: auto;
        max-width: 50%;
    }

    .ce-layout-lp-quote .ce-intext .ce-gallery.ce-width-set {
        width: auto;
        max-width: 25%;
    }

}

/* "fake" fa-icons for ce-uploads and ke_search */
@media all {

    .fa:not(i)::after {
        display: inline-block;
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        padding-left: 0.25em;
        text-decoration: none;
    }

    [class*="fa-icon-"]::before {
        content: "\f016";
    }

    .fa-icon-pdf::before {
        content: "\f1c1";
    }

    .fa-icon-odt::before,
    .fa-icon-txt::before {
        content: "\f0f6";
    }

    .fa-icon-doc::before,
    .fa-icon-docx::before {
        content: "\f1c2";
    }

    .fa-icon-xls::before,
    .fa-icon-xlsx::before {
        content: "\f1c3";
    }

    .fa-icon-png::before,
    .fa-icon-gif::before,
    .fa-icon-jpg::before,
    .fa-icon-jpeg::before,
    .fa-icon-tif::before,
    .fa-icon-tiff::before,
    .fa-icon-bmp::before {
        content: "\f1c5";
    }

    .fa-icon-zip::before,
    .fa-icon-rar::before,
    .fa-icon-tar::before,
    .fa-icon-tgz::before {
        content: "\f1c6";
    }

    .fa-icon-mp4::before,
    .fa-icon-ogg::before,
    .fa-icon-avi::before,
    .fa-icon-mpg::before,
    .fa-icon-mpeg::before {
        content: "\f1c8";
    }

    .fa-icon-mp3::before {
        content: "\f1c7";
    }

    .fa-icon-page::before {
        content: "\f016";
    }
    .fa-icon-file::before {
        content: "\f0f6";
    }
    .fa-icon-news::before {
        content: "\f1ea";
    }
    .fa-icon-external::before {
        content: "\f0ac";
    }
    .fa-icon-external + a::after {
        content: "\f08e";
        display: inline-block;
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        padding-left: 0.25em;
        text-decoration: none;
    }
}

/* layouts */
@media all {
    /* layout-box */
    .ce-layout-contact-person-outer {
        box-shadow: 0 0 2.5rem rgba(0,0,0,.1);
        margin-bottom: 0.9375rem;
    }
    .ce-layout-box-outer {
        color: rgb(0,0,0);
        background: rgb(240,232,241);
        /*! box-shadow: 0 0 2.5rem rgba(0,0,0,.1); */
        text-shadow: none;
        margin-bottom: 0.9375rem;
    }
    [class*=ce-type-grid] > .ce-layout-contact-person-outer ,
    [class*=ce-type-grid] > .ce-layout-box-outer {
        margin-bottom: 1.25rem;
    }

    .ce-layout-contact-person-inner ,
    .ce-layout-box-inner {
        padding: 0.9375rem 0.625rem 0rem;
    }

    .ce-layout-contact-person-inner > .ce-above-header > .ce-gallery,
    .ce-layout-contact-person-inner > .ce-above > .ce-gallery,
    .ce-layout-contact-person-inner > .ce-below > .ce-gallery,
    .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: -0.625rem;
        margin-right: -0.625rem;
    }

    .ce-layout-contact-person-inner > .ce-above-header ,
    .ce-layout-box-inner > .ce-above-header {
        margin-top: -0.9375rem;
    }
    .ce-layout-contact-person-inner > .ce-below > .ce-gallery ,
    .ce-layout-box-inner > .ce-below > .ce-gallery {
        margin-bottom: -1.25rem
    }

    .ce-layout-contact-person-inner > .ce-element:last-child ,
    .ce-layout-box-inner > .ce-element:last-child {
        margin-bottom: 0.3125rem;
    }

    .ce-layout-lp-quote .ce-textmedia::before ,
    .ce-layout-lp-quote .ce-textmedia::after {
        display: none;
    }

    .ce-layout-lp-quote .ce-gallery .ce-media ,
    .ce-layout-contact-person-outer .ce-gallery .ce-media {
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%;
        overflow: hidden;
        /*! box-shadow: 0 0 1.5rem rgba(0,0,0,.1); */
    }

    .ce-layout-lp-quote .ce-gallery ,
    .ce-layout-contact-person-outer .ce-gallery {
        max-width: 16rem;
    }

    /*    .ce-layout-box a:not(.btn) {
    color: inherit;
    text-shadow: none;
}*/

    .ce-grid-33-33-33 .ce-layout-contact-person .ce-intext .ce-gallery {
        min-width: 5rem;
        max-width: 15vw;
    }

}

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

    /* layout-box */
    .ce-layout-contact-person-inner ,
    .ce-layout-box-inner {
        padding: 1.25rem 1.25rem 0.3125rem;
    }

    .ce-layout-contact-person-inner > .ce-above-header > .ce-gallery,
    .ce-layout-contact-person-inner > .ce-above > .ce-gallery,
    .ce-layout-contact-person-inner > .ce-below > .ce-gallery,
    .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.25rem;
        margin-right: -1.25rem;
    }

    .ce-layout-contact-person-inner > .ce-above-header ,
    .ce-layout-box-inner > .ce-above-header {
        margin-top: -1.25rem;
    }
    .ce-layout-contact-person-inner > .ce-below > .ce-gallery ,
    .ce-layout-box-inner > .ce-below > .ce-gallery {
        margin-bottom: -1.5625rem
    }

}

/* medium - tablet + print */
@media all and (min-width: 47.5em), print {

    /* image rendering */
    .ce-nowrap .ce-gallery { margin-bottom: 0.625rem; }
    .ce-nowrap .ce-bodytext { overflow: hidden; }
    .ce-nowrap.ce-right .ce-bodytext { padding-right: 0; }
    .ce-nowrap.ce-left .ce-bodytext { padding-left: 0; }

    .ce-row { margin: 0 -0.625rem 0.625rem; }
    .ce-row:last-child {
        margin-bottom: 0;
    }

    .ce-column {
        padding: 0 0.625rem;
    }

    [data-ce-columns="4"] .ce-column { width: 25%; }
    [data-ce-columns="4"] .ce-column:nth-child(2n+1) { clear: none; }
    [data-ce-columns="4"] .ce-column:nth-child(4n+1) { clear: none; }

    /* image left/right */

    .ce-intext { margin: 0 -0.625rem; }
    .ce-intext > * {
        padding: 0 0.625rem;
    }

    .ce-intext .ce-gallery {
        width: 50%;
        width: calc(50% + 0.625rem);
    }

    .ce-intext.ce-right .ce-gallery {
        float: right;
        padding-left: 1.25rem;
    }
    .ce-intext.ce-left .ce-gallery {
        float: left;
        padding-right: 1.25rem;
    }

    .ce-grid-33-33-33 .ce-layout-contact-person .ce-intext .ce-gallery {
        min-width: unset;
        max-width: 10vw;
    }

}

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

    .ce-row { margin: 0 -1.25rem 1.875rem; }
    .ce-column { padding: 0 1.25rem; }

    /* image left/right */

    .ce-intext { margin: 0 -1.25rem; }
    .ce-intext > * {
        padding: 0 1.25rem;
    }

    .ce-intext .ce-gallery {
        width: 50%;
        width: calc(50% + 1.25rem);
    }

    .ce-intext .ce-gallery {
        width: 50%;
        width: calc(50% + 1.25rem);
    }

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

    /* image rendering */

    .ce-intext .ce-gallery {
        width: 33.333%;
        width: calc(33.333% + 1.25rem);
    }

    .ce-grid-max-width .ce-intext .ce-gallery {
        width: 50%;
        width: calc(50% + 1.25rem);
    }

    .ce-grid-max-width .ce-intext .ce-gallery.ce-width-set {
        width: auto;
        max-width: 50%;
        max-width: calc(50% + 1.25rem);
    }

    .ce-above-header .ce-gallery,
    .ce-above .ce-gallery {
        padding-bottom: 0.625rem;
    }

    .ce-intext.ce-right .ce-gallery {
        padding-left: 2.5rem;
    }

    .ce-intext.ce-left .ce-gallery {
        padding-right: 2.5rem;
    }

    /* pull images */

    .ce-grid-max-width > .ce-col > .ce-type-textmedia .ce-intext .ce-gallery {
        --pull-image: 12.5%;
        width: 50%;
        width: calc(50% + 1.25rem + var(--pull-image));
        margin-right: calc(var(--pull-image) * -1);
    }

    .ce-nowrap .ce-gallery {
        margin-bottom: 0.3125rem;
    }

    /* layouts */
    .ce-layout-contact-person-outer {
        /*! max-width: 66%; */
        /*! margin-right: auto; */
        /*! margin-left: auto; */
    }
    .ce-layout-box-outer ,
    .ce-layout-box-outer {
        margin-bottom: 1.5625rem;
    }
    .ce-layout-contact-person-inner ,
    .ce-layout-box-inner {
        padding-bottom: 0;
    }
    [class*=ce-type-grid] > .ce-layout-contact-person-outer ,
    [class*=ce-type-grid] > .ce-layout-box-outer {
        margin-bottom: 2.5rem;
    }

    .ce-layout-contact-person .ce-element ,
    .ce-layout-box .ce-element {
        margin-bottom: 0.3125rem;
    }

    .ce-layout-contact-person .ce-intext .ce-gallery ,
    .ce-layout-box .ce-intext .ce-gallery {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .ce-layout-contact-person .ce-intext .ce-gallery ,
    .ce-layout-box .ce-intext .ce-gallery {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    /* tables */
    .ce-table-bordered th,
    .ce-table-bordered td,
    .ce-table-striped th,
    .ce-table-striped td {
        padding:0.625rem;
    }

}

/* xlarge */
@media all and (min-width: 72.5em) {

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

    .ce-layout-contact-person-outer ,
    .ce-layout-box-outer {
        margin-bottom: 0.9375rem;
        min-height: 100%;
    }

    .ce-grid-33-33-33 .ce-layout-contact-person .ce-intext .ce-gallery {
        max-width: 9rem;
    }

}