.gridWrap{padding-top:50px;width:100%}
.gridWrap.twoColWrap{padding-top:0}

header ~ *:not(footer) .bodyText + .gridGroup{margin-top:40px}

.gridItem .ceItem .imgRow .imgCol img,.gridItem .ceItem .imgRow .imgCol video{margin-bottom:0}

header .grid-row{height:60px;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}

.grid-container .ceItem .imgPosAbs .imgRow{position:relative}
.grid-container .ceItem .imgPosAbs .imgRow picture{position:absolute;top:-80px;left:0;padding:0 20px;background-color:#fff}
.grid-container .ceItem .galWrap + .bodyWrap,.grid-container .ceItem .textPic.rev .galWrap{margin-top:20px}

.ceItem .imgRow .imgCol figure.rounded img{-webkit-border-radius:50%;border-radius:50%}
.ceItem .imgRow .imgCol figure.border > *{padding:10px 20px;border:1px solid #d2d2d2}
.ceItem .imgRow .imgCol figure.shadow{padding:10px 20px!important;box-shadow:0 1px 10px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-ms-box-shadow:0 1px 10px rgba(0,0,0,.1);-webkit-border-radius:5px;border-radius:5px}

.grid-container .col-count-5{width:18%!important}
.grid-container .col-count-4{width:23%!important}
.grid-container .col-count-3{width:31.33%!important}
.grid-container .col-count-2{width:48%!important}
.grid-container .col-count-1{width:100%!important}

header .grid-container .gridItem{margin-left:2%}
header .grid-container .gridItem:first-child{margin:0}
header .grid-container .gridItem{width:auto!important}

header ~ *:not(footer) .grid-container .grid-row{margin-left:-3%;width:103%}
header ~ *:not(footer) .grid-container .gridItem{margin:0 0 3% 3%}

header ~ *:not(footer) .grid-container .col-count-5{width:17%!important}
header ~ *:not(footer) .grid-container .col-count-4{width:22%!important}
header ~ *:not(footer) .grid-container .col-count-3{width:30.33%!important}
header ~ *:not(footer) .grid-container .col-count-2{width:47%!important}
header ~ *:not(footer) .grid-container .col-count-1{width:100%!important}

header ~ *:not(footer) .grid-container .colsDim-1 > *:nth-child(1){width:33.33%!important}
header ~ *:not(footer) .grid-container .colsDim-1 > *:nth-child(2){width:59%!important}
header ~ *:not(footer) .grid-container .colsDim-2 > *:nth-child(1){width:59%!important}
header ~ *:not(footer) .grid-container .colsDim-2 > *:nth-child(2){width:33.33%!important}
header ~ *:not(footer) .grid-container .colsDim-3 > *:nth-child(1){width:25%!important}
header ~ *:not(footer) .grid-container .colsDim-3 > *:nth-child(2){width:68%!important}
header ~ *:not(footer) .grid-container .colsDim-4 > *:nth-child(1){width:68%!important}
header ~ *:not(footer) .grid-container .colsDim-4 > *:nth-child(2){width:25%!important}


.eventSingle .grid-container .gridItem{width:100%!important}

.grid-container .grid-col > * > *{height:100%}
.grid-container .grid-col > *{width:100%}
.fsc .grid-container .grid-col > *{height:100%}

.grid-container .grid-col .itemWrap  .galWrap.cols-4 {display:flex}

.ceItem.fourthcol.minHeight .gridItem .ceItem {height:100% !important;transition: transform 0.2s ease-in-out;transform: scale(1);}
.ceItem.fourthcol.minHeight .gridItem .ceItem:hover {transform: scale(1.05);}
.ceItem.fourthcol.minHeight .gridItem .ceItem .itemWrap {padding:30px 15px !important}

.twoBoxes-plus .gridItem.item-1 {width:45%;}
.twoBoxes-plus .gridItem.item-2 {width:45%;}

.twoBoxes-plus .gridItem.item-1::after{content:"";position:absolute;top:13%;left:49.3%;width:30px;height:30px;background-image:url(/00-Media/Grafik/Gridboxes/plus-line.svg);background-size:contain;background-repeat:no-repeat;-webkit-transform:translateY(-50%);transform:translateY(-50%)}

.ceItem.threeCol .hGroup::after{border:2px solid}

header ~ *:not(footer) .grid-row + .buttonBox{margin-top:40px}

header ~ *:not(footer) .gridItem .txtWrap img{width:auto!important}
header ~ *:not(footer) .gridItem .txtWrap img:has(+ a){position:relative;top:4px}

header ~ *:not(footer) .gridItem .flexCol .txtWrap,header ~ *:not(footer) .gridItem .flexCol .buttonWrap{margin-top:20px}

header ~ *:not(footer) .gridItem .buttonWrap .btn.bgColor{margin-right:20px}
header ~ *:not(footer) .gridItem .buttonWrap .btn:only-child{margin:15px 0 0}

/* gridframes */

.mainBox .gridTheme > *{padding:0 30px 30px 30px;border:4px solid #525252;box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none}
.mainBox .shopwareTheme > *{border-color:var(--shopware)}
.mainBox .magentoTheme > *{border-color:var(--magento)}
.mainBox .hyvaTheme > *{border-color:var(--hyva)}
.mainBox .akeneoTheme > *{border-color:var(--akeneo)}
.mainBox .pimcoreTheme > *{border-color:var(--pimcore)}
.mainBox .typo3Theme > *{border-color:var(--typo3)}
.mainBox .wordpressTheme > *{border-color:var(--wordpress)}
.mainBox .phpTheme > *{border-color:var(--php)}

.mainBox .gridTheme .hGroup{padding:0}
.mainBox .gridTheme .hGroup *{font-size:1.6rem !important}
.mainBox .shopwareTheme .hGroup *{color:var(--shopware)}
.mainBox .magentoTheme .hGroup *{color:var(--magento)}
.mainBox .hyvaTheme .hGroup *{color:var(--hyva)}
.mainBox .akeneoTheme .hGroup *{color:var(--akeneo)}
.mainBox .pimcoreTheme .hGroup *{color:var(--pimcore)}
.mainBox .typo3Theme .hGroup *{color:var(--typo3)}
.mainBox .wordpressTheme .hGroup *{color:var(--wordpress)}
.mainBox .phpTheme .hGroup *{color:var(--php)}

.mainBox .gridTheme .imgPosAbs picture{top:-50px!important}