/* TiElements.css */

/* bootstrap reboot 4 or 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 figure a.lightbox { 
        border-radius: var(--border-radius);
        background-color: rgba(var(--color-black-rgb),.025);
        display: grid;
    }

    .ce-element img { display: block; }
    .ce-element img { max-width: 100%; height: auto; }

    caption,
    figcaption {
        font-size: calc(var(--font-size-base) * 18 / 22);
        line-height: 1.25;
        text-align: left;
        color: inherit;
        padding: var(--size-1);
        caption-side: bottom;
        background-color: rgb(var(--color-lightblue-rgb),.1);
    }
}

/* 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; */
    }

    .ce-frame-iconsocial .ce-menu {
        display: flex;
        gap: var(--size-1);
        margin: 0;
    }

    .ce-frame-iconsocial .ce-menu ul ,
    .ce-frame-iconsocial .ce-menu li {
        margin: 0;
    }


    /* teaserlink aka fatlink */    
    .ce-teaserlink {
        transition: var(--transition-default);
    }
    .ce-teaserlink.ce-link-set:hover {
        transform: translateY(var(--size-d-2-n));
    }

    .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 ,
    .news-related { 
        margin-bottom: var(--size-2); 
    }

    .ce-element.ce-layout-box { 
        max-width: calc(47.5rem + var(--size-4));
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .mfp-inline-holder .mfp-content { 
        max-width: calc(47.5rem + var(--size-4));
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .mfp-inline-holder .mfp-close { 
        text-shadow: 0 0 1rem rgba(255, 255, 255);
    }

    .ce-type-gridelements_pi1 .ce-accordeon .rc-container  .ce-element{
        margin-bottom: var(--size-1);
    }

    .ce-type-gridelements_pi1 .ce-accordeon {
        margin-bottom: var(--size-2);
    }

    .ce-type-textmedia.ce-imageorient-40 ,
    .ce-type-gridelements_pi1 .rc-equal-height-children .ce-element ,
    .news-list .ce-element ,
    .page-stage .ce-element.ce-type-gridelements_pi1 ,
    .ce-type-gridelements_pi1 .ce-grid-teaser .ce-element {
        margin-bottom: var(--size-1);         
    }

    .ce-type-gridelements_pi1 .ce-grid-teaser .ce-element > .ce-layout-box-outer ,
    .ce-type-gridelements_pi1 .ce-grid-teaser .ce-element > .ce-layout-box-outer > .ce-teaserlink-outer {
        min-height: 100%;
    }

    display: grid;
    min-height: 100%;

    .ce-element.ce-type-div { margin-bottom: 0; }

    .ce-element.ce-type-header ,
    .ce-element.ce-type-shortcut ,
    .ce-element.ce-type-html ,
    .ce-element.ce-type-gridelements_pi1 {
        margin-bottom: 0;
        /*! margin-bottom: 0; */
    }

    .ce-element.ce-type-gridelements_pi1 .ce-grid-teaser ,
    .ce-element.ce-type-gridelements_pi1 .rc-equal-height-children {
        margin-bottom: var(--size-1);
        /*! margin-bottom: 0; */
    }

    /* uploads */
    .ce-uploads {
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 0;
    }
    .ce-uploads .ce-layout-box-inner {
        padding-left: var(--size-1);
        padding-right: var(--size-1);
    }
    .ce-uploads li+li {
        margin-top: var(--size-1);
    }
    .ce-uploads-filesize {
        white-space: nowrap;
    }
    .ce-uploads-inner {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column;
    }

    /* frames */
    .ce-imageorient-10:not(.ce-type-gridelements_pi1) ,
    .ce-textpic-inner { 
        /*! overflow: hidden; */ 
        padding: 0 var(--size-1);
    }

    .ce-intext.ce-left .ce-textpic-inner ,
    .ce-intext.ce-right .ce-textpic-inner { 
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .page-modifier-home .ce-intext.ce-left .ce-textpic-inner ,
    .page-modifier-home .ce-intext.ce-right .ce-textpic-inner { 
        justify-content: center;
    }

    .ce-frame-inverted > div:not(.ce-header) {
        color: rgb(255,255,255);
        background-color: rgb(102,102,102);
    }
    .ce-frame-inverted a:not(.btn) {
        color: rgb(255,255,255);
    }

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

    .ce-frame-inverted a:not(.btn):focus,
    .ce-frame-inverted a:not(.btn):hover {
    }
}

/* tables */
@media all {

    .ce-table {
    }

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

    .ce-table th:not(:last-child),
    .ce-table td:not(:last-child) {
        padding-right: var(--size-1);
    }

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

    .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 th,
    .ce-table-striped td {
        background-color: rgba(var(--color-lightblue-rgb), .05);
        background-clip: padding-box;
    }

    .ce-table-striped tr:nth-child(odd) th,
    .ce-table-striped tr:nth-child(odd) td {
        background-color: rgba(var(--color-lightblue-rgb), .1);
    }

    .ce-table-striped thead th,
    .ce-table-striped thead td,
    .ce-table-striped tbody th,
    .ce-table-striped tfoot th,
    .ce-table-striped tfoot td {
        background-color: rgba(var(--color-lightblue-rgb), 1) !important;
        color: var(--color-light);
    }

    .ce-table-striped th+td,
    .ce-table-striped td+td,
    .ce-table-striped th+th {
        border-left: 1px solid rgba(0,0,0,0);
    }

    .ce-table-striped tr+tr,
    .ce-table-striped tbody tr:first-child,
    .ce-table-striped tfoot tr:first-child {
        border-top: 1px solid rgba(0,0,0,0);
    }

    .ce-type-table .ce-layout-fullwidth-inner {
        overflow: auto;
        overflow-y: visible;
    }
    .ce-type-table .ce-layout-fullwidth-inner > .ce-table {
        width: 100%;
    }
    .ce-type-table .ce-layout-fullwidth-inner > .ce-table > tbody {
        display: 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;
    }

    .rc-small .ce-table-small-linearized.ce-table-striped th+td,
    .rc-small .ce-table-small-linearized.ce-table-striped td+td,
    .rc-small .ce-table-small-linearized.ce-table-striped th+th,
    .rc-xsmall .ce-table-small-linearized.ce-table-striped th+td,
    .rc-xsmall .ce-table-small-linearized.ce-table-striped td+td,
    .rc-xsmall .ce-table-small-linearized.ce-table-striped th+th {
        border-left: none;
        border-top: 1px solid rgba(0,0,0,0);
    }
}

/* 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%; 
        width: 100%;
    }

    .news-list-item .ce-gallery img ,
    .content .ce-gallery figure img ,
    .page-stage .ce-gallery figure img { 
        border-radius: var(--border-radius);
        overflow: hidden;
    }
    
    .page-footer .ce-frame-sponsors .ce-gallery img {
        border-radius: unset;
    }

    .content .ce-gallery figure video { 
        max-width: 100%;
        border-radius: var(--border-radius);
    }

    .content .ce-gallery figure figcaption { 
        padding-top: var(--size-4);
        margin-top: calc(var(--size-1) * -3);
        border-radius: var(--border-radius);
        overflow: hidden;
    }

    .content .ce-frame-iconteaser .ce-gallery figure img { 
        border-radius: unset;
    }

    .ce-slider .ce-above-header.ce-center .ce-gallery a,
    .ce-slider .ce-above-header.ce-center .ce-gallery figure,
    .ce-layout-box .ce-above-header.ce-center .ce-gallery a,
    .ce-layout-box .ce-above-header.ce-center .ce-gallery figure { 
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .ce-above-header .ce-gallery,
    .ce-above .ce-gallery {
        padding-bottom: var(--size-1);
    }

    .ce-layout-box .ce-above-header .ce-gallery,
    .ce-layout-box .ce-above .ce-gallery {
        margin-top: var(--size-1-n);
    }

    .ce-layout-box.ce-frame-iconteaser .ce-above-header .ce-gallery,
    .ce-layout-box.ce-frame-iconteaser .ce-above .ce-gallery {
        margin-top: 0;
    }

    .ce-header + .ce-above .ce-gallery,
    .ce-below .ce-gallery {
        padding-top: var(--size-1);
        /*! padding-bottom: 0.3125rem; */
    }
    .ce-below .ce-gallery:first-child {
        padding-top: 0;
    }

    .ce-row {
        margin: 0 var(--size-d-2-n);
        /*! line-height: 0; */
        display: flex;
        margin-bottom: var(--size-1);
        /*! width: 100%; */
    }

    .page-stage .ce-gallery .ce-row {
        width: 100%;
    }

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

    .content .ce-intext.ce-nowrap .ce-row {
        width: calc(100% + var(--size-1));
    }

    .ce-column {
        padding: 0 var(--size-d-2);
    }

    .ce-frame-iconteaser .ce-column {
        padding-right: 0;
    }

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

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

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

    .page-stage .ce-gallery:not(.ce-[data-ce-columns="1"]) .ce-column-multicol ,
    .page-stage .ce-gallery:not([data-ce-columns="1"]) .ce-column-multicol .image ,
    .ce-intext.ce-nowrap .ce-gallery[data-ce-images]:not([data-ce-columns="1"]) > .ce-row:nth-child(1) .image {
        width: 100%;
        margin-bottom: 0;
    }
    
    .ce-intext.ce-nowrap .ce-gallery[data-ce-images]:not([data-ce-columns="1"]) {
      justify-content: center;
    }

    .page-stage .ce-gallery:not([data-ce-columns="1"]) .ce-row {
        gap: var(--size-1);
    }
    
    /* svg */
    .ce-media img[src$="svg"] {
        width: 100%;
    }

    /* video */
    .ce-embed {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-bottom: 56.25%;
    }
    .ce-embed-default {
        padding-bottom: 56.25%;
    }
    .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 > * {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    /* 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 .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;
    }

    /* in-text nowrap */

    .ce-nowrap.ce-right .ce-gallery,
    .ce-nowrap.ce-left .ce-gallery {
        float: none;
        padding: 0;
        width: 100%;
        display: flex;
        align-items: start;
    }

    .page-stage .ce-nowrap.ce-right .ce-gallery,
    .page-stage .ce-nowrap.ce-left .ce-gallery {
        margin-bottom: var(--size-1);
    }

    .page-stage .news-single .ce-nowrap.ce-right .ce-gallery,
    .page-stage .news-single .ce-nowrap.ce-left .ce-gallery {
        /*! margin-bottom: 0; */
    }

    /* 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%;
    }

}

/* "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: "\f15b";
    }

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

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

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

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

    .fa-icon-pps::before,
    .fa-icon-ppt::before,
    .fa-icon-pptx::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: "\f15b";
    }
    .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-box-outer {
        text-shadow: none;
        /*! margin-bottom: 0.9375rem; */
        box-shadow: var(--box-shadow);
        border-radius: var(--border-radius);
        overflow: hidden;
        display: grid;
        align-items: center;
    }

    .mfp-content .ce-layout-box-outer {
        background-color: var(--color-white);
    }

    .ce-frame-boxorange > .ce-layout-box-outer ,
    .ce-frame-boxorange .ce-header {
        color: var(--color-white);
        background-color: var(--color-orange);
    }

    .ce-frame-boxblue > .ce-layout-box-outer ,
    .ce-frame-boxblue .ce-header {
        color: var(--color-white);
        background-color: var(--color-lightblue);
    }

    .ce-type-gridelements_pi1 > .ce-layout-box-outer {
        margin-bottom: 1.25rem;
    }

    .ce-layout-box-inner {
        padding-bottom: var(--size-1);
        padding-top: var(--size-1);
    }

    .ce-frame-iconteaser .ce-layout-box-inner {
        padding-top: var(--size-1);
        padding-bottom: var(--size-1);
    }

    .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: var(--size-1-n); */
        /*! margin-right: var(--size-1-n); */
    }

    .ce-layout-box-inner > .ce-above-header {
        /*! margin-top: var(--size-1-n); */
    }
    .ce-layout-box-inner > .ce-below > .ce-gallery {
        margin-bottom: var(--size-2-n);
    }

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

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

    .ce-frame-iconteaser .ce-layout-box-inner > .ce-above-header {
        /*! margin-top: calc(var(--size-1) * 3); */
        display: flex;
        /*! margin-top: 0; */
    }        

    .ce-intext.ce-nowrap .ce-gallery[data-ce-images="2"] {
        display: flex;
        flex-direction: row;
    }

    .ce-intext.ce-nowrap .ce-gallery[data-ce-images="2"] > .ce-row:nth-child(1) {
        z-index: 2;
    }
    .ce-intext.ce-nowrap .ce-gallery[data-ce-images="2"] > .ce-row:nth-child(2) {
        z-index: 1;
    }

    .ce-intext.ce-nowrap .ce-gallery[data-ce-images="2"] > .ce-row:nth-child(1) .image {
        margin-right: var(--size-1-n);
        margin-bottom: var(--size-2);
    }
    .ce-intext.ce-nowrap .ce-gallery[data-ce-images="2"] > .ce-row:nth-child(2) .image {
        margin-left: var(--size-1-n);
        margin-top: var(--size-2);
    }

    .ce-type-table .ce-header ,
    .ce-type-table .ce-table ,
    .ce-type-uploads .ce-header ,
    .ce-imageorient-8:not(.ce-type-gridelements_pi1) > .ce-header ,
    .ce-imageorient-8:not(.ce-type-gridelements_pi1) > .ce-below > .ce-bodytext ,
    .ce-imageorient-10:not(.ce-type-gridelements_pi1) ,
    .ce-textpic-inner { 
        padding: 0 var(--size-1);
        display: block;
    }
    
    .ce-header + [class*="ce-grid-"] ,
    .ce-imageorient-8 > .ce-header + .ce-below > .ce-gallery:first-child , 
    .ce-imageorient-40 > .ce-header + .ce-below > .ce-gallery:first-child , 
    .ce-type-uploads .ce-header + .ce-uploads,
    .ce-type-table .ce-header + .ce-table.ce-table-striped {
        padding-top: var(--font-size-base);
    }

    .ce-imageorient-8 .ce-header + .ce-textpic > .ce-gallery:first-child {
        /*
        padding-top: var(--size-4);
        */
    }

    .page-stage .searchbox .ce-header {
        margin-bottom: 0;
    }

    .ce-type-list > .news > .news-list {
        margin-bottom: var(--size-1-n);
    }

}

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

    /* image rendering */
    .ce-intext.ce-right .ce-gallery {
        padding-left: 1.25rem;
    }
    .ce-intext.ce-left .ce-gallery {
        padding-right: 1.25rem;
    }
    .ce-intext.ce-nowrap .ce-gallery {
        padding-left: 0;
        padding-right: 0;
    }

    /* layout-box */
    .ce-layout-box-inner {
        /*! padding: var(--size-2) var(--size-1); */
    }

    .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: var(--size-1-n); */
        /*! margin-right: var(--size-1-n); */
    }

    .ce-layout-box-inner > .ce-above-header {
        /*! margin-top: -1.25rem; */
    }

    .ce-layout-box-inner > .ce-below > .ce-gallery {
        margin-bottom: var(--size-1);
    }

    .ce-type-gridelements_pi1 .ce-grid-teaser .ce-col {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 var(--size-1);
    }

}

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

    /* image rendering */

    .ce-row { 
        margin: 0 var(--size-d-2-n) 0; 
        margin-bottom: var(--size-1);
    }

    .ce-column {
        padding: 0 var(--size-d-2);
    }

    [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.ce-right .ce-gallery {
        padding-left: 1.25rem;
    }
    .ce-intext.ce-left .ce-gallery {
        padding-right: 1.25rem;
    }

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

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

    .ce-nowrap {
        display: flex;
    }

    .ce-nowrap .ce-textpic-inner {
        flex-grow: 1;
    }

    .ce-nowrap .ce-gallery {
        flex-shrink: 0;
    }

    .ce-frame-iconteaser .ce-layout-box-outer {
        margin-top: calc(var(--size-1) * 3);
        margin-top: 4.25vw;
        overflow: visible;
        padding-top: 4vw;
    }    

    .ce-frame-iconteaser .ce-layout-box-inner > .ce-above-header {
        /*! margin-top: calc(var(--size-1) * -4); */
        margin-top: calc(-8.25vw - var(--size-1));
        display: block;
    }     

    .ce-nowrap.ce-right .ce-gallery,
    .ce-nowrap.ce-left .ce-gallery {
        margin-bottom: 0;
    }

    .ce-intext.ce-nowrap .ce-gallery[data-ce-images="2"] {
        flex-direction: column;
    }

    .ce-intext.ce-nowrap .ce-gallery[data-ce-images="2"] > .ce-row:nth-child(1) .image {
        margin-right: calc(100% - (2 * ((100% ) - var(--size-1)) / 3) );
        margin-bottom: var(--size-1-n);
    }
    .ce-intext.ce-nowrap .ce-gallery[data-ce-images="2"] > .ce-row:nth-child(2) .image {
        margin-left: calc(100% - (2 * ((100% ) - var(--size-1)) / 3) );
        margin-top: var(--size-1-n);
    }

}

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

    .ce-element ,
    .news-related {
        margin-bottom: var(--size-4);
    }

    .ce-type-list > .news > .news-list {
        margin-bottom: var(--size-2-n);
    }

    .ce-uploads .ce-layout-box-inner {
        padding-left: var(--size-2);
        padding-right: var(--size-2);
        display: flex;
        align-items: center;
        gap: var(--size-1);
    }

    .ce-uploads .fa {
        font-size: 1.5em;
        color: var(--color-yellow);
    }

    .ce-uploads li:hover .fa {
        color: var(--color-lightblue);
    }

    /* image rendering */
    .ce-row {
        margin: 0 var(--size-1-n); 
        margin-bottom: var(--size-2);
    }

    .ce-column { 
        padding: 0 1.25rem; 
        width: 100%;
    }

    .ce-above-header .ce-gallery,
    .ce-above .ce-gallery {
        padding-bottom: var(--size-2);
    }

    .ce-accordeon .ce-above-header .ce-gallery,
    .ce-accordeon .ce-above .ce-gallery {
        padding-left: var(--size-2);
        padding-right: var(--size-2);
    }

    /* image left/right */
    .ce-intext.ce-nowrap .ce-gallery:not(.ce-width-set),
    .ce-intext .ce-gallery {
        width: calc((100% - 5rem) / 2 + 3.755rem);
    }

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

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

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

    /* layouts */
    .ce-layout-box-outer {
        /*! margin-bottom: 1.5625rem; */
    }
    .ce-type-gridelements_pi1 > .ce-layout-box-outer {
        margin-bottom: 2.5rem;
    }
    .ce-layout-box .ce-left .ce-gallery {
        padding-right: 1.25rem;
    }
    .ce-layout-box .ce-right .ce-gallery {
        padding-left: 1.25rem;
    }

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

    .ce-type-table .ce-header ,
    .ce-type-table .ce-table ,
    .ce-type-uploads .ce-header ,
    .ce-imageorient-8:not(.ce-type-gridelements_pi1) > .ce-header ,
    .ce-imageorient-8:not(.ce-type-gridelements_pi1) > .ce-below > .ce-bodytext ,
    .ce-imageorient-10:not(.ce-type-gridelements_pi1) ,
    .ce-textpic-inner { 
        padding: 0 var(--size-2);
    }

    .ce-layout-box-inner ,
    .ce-frame-iconteaser .ce-layout-box-inner {
        padding-bottom: var(--size-2);
        padding-top: var(--size-2);
    }

    .ce-layout-box .ce-above-header .ce-gallery,
    .ce-layout-box .ce-above .ce-gallery {
        margin-top: var(--size-2-n);
    }

    .ce-frame-iconteaser .ce-layout-box-inner > .ce-above-header {
        margin-top: calc(-8.25vw - var(--size-2));
    }    

    .content .ce-intext.ce-nowrap .ce-row {
        width: calc(100% + var(--size-2));
        /*! width: 100%; */
    } 

    .ce-intext.ce-nowrap .ce-gallery[data-ce-images="2"] > .ce-row:nth-child(1) .image {
        margin-right: calc(100% - (2 * ((100% ) - var(--size-1)) / 3) );
        margin-bottom: var(--size-2-n);
    }
    .ce-intext.ce-nowrap .ce-gallery[data-ce-images="2"] > .ce-row:nth-child(2) .image {
        margin-left: calc(100% - (2 * ((100% ) - var(--size-1)) / 3) );
        margin-top: var(--size-2-n);
    }

    .ce-element.ce-type-header,
    .ce-element.ce-type-shortcut,
    .ce-element.ce-type-html,
    .ce-element.ce-type-gridelements_pi1 ,
    .page-stage .ce-element.ce-type-gridelements_pi1 ,
    .ce-type-textmedia.ce-imageorient-40 ,
    .ce-type-gridelements_pi1 .rc-equal-height-children .ce-element ,
    .news-list .ce-element ,
    .ce-type-gridelements_pi1 .ce-element ,
    .news-list .ce-element {
        margin-bottom: var(--size-2);         
    }

    .ce-header + .ce-above .ce-gallery,
    .ce-below .ce-gallery {
        padding-top: var(--size-4);
    }

    .ce-type-gridelements_pi1 .ce-element.ce-accordeon .ce-type-gridelements_pi1 ,
    .ce-element.ce-type-gridelements_pi1 .rc-equal-height-children {
        margin-bottom: 0;
    }

    .ce-type-gridelements_pi1 .ce-grid-teaser .ce-col {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--size-1) var(--size-2);
    }

    .ce-type-gridelements_pi1 .ce-accordeon .rc-container  .ce-element{
        margin-bottom: var(--size-2);
    }

    .ce-type-gridelements_pi1 .ce-accordeon .rc-container  .ce-element{
        margin-bottom: var(--size-2);
    }
    
    .ce-uploads li+li {
        margin-top: var(--size-2);
    }
    
    .ce-header + [class*="ce-grid-"] {
        padding-top: unset;
    }

}

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

    .ce-element {
        /*! margin-bottom: var(--size-4); */
    }
    .ce-layout-box-outer {
        /*! margin-bottom: 0.9375rem; */
    }

    .ce-frame-iconteaser .ce-layout-box-outer {
        margin-top: calc(var(--size-1) * 3);
        padding-top: calc(var(--size-1) * 2);
    } 

    .ce-frame-iconteaser .ce-layout-box-inner > .ce-above-header {
        margin-top: calc(var(--size-1) * -7);
    }     
}