/*
    Can be overwritten in the theme layout (layout.css):

    :root {
    --CSSColor: #000000;
    --HeadingColor: #000000;
    --LinkColor: #000000;
    --LinkHoverColor: #000000;
    --ButtonLinkHoverColor: #000000;
    --ButtonLinkColor: #000000;
    --AlertColor: #dc3545;

    --StandardMainContainerWidth: 1230px;
    --DefaultBlockMarginTop: 50px;

    --swiper-pagination-color: #B32317;
    --swiper-pagination-top: auto;
    --swiper-pagination-bottom: 8px;

    --swiper-theme-color: #007aff;
    --swiper-navigation-color: #007aff;

    }

*/



/* CSS Classes to be used for the property CSS Class

    itemsNoMargin  --> Entfernt Abstände
    smartphoneReverseOrder  --> nützlich bei 2 Spalten, dreht Spalten in der Smartphone Ansicht
    centerContent --> Richtet Inhalt zentriert aus, zum Beispiel bei einem "Kästchen"
    textAlignLeft
    textAlignRight
*/



/* Typography & Color */
[style*="background-color"] {
    color: var(--CSSColor, #000000);
}

.beItemContent h1,
.beItemContent h2,
.beItemContent h3,
.beItemContent h4,
.beItemContent h5,
.beItemContent h6 {
    color: var(--HeadingColor, #000000);
}

.beItemContent a,
.beItemContent a:visited {
    color: var(--LinkColor, #000000);
}

.beItemContent a:hover {
    color: var(--LinkHoverColor, #000000);
}

.beItemContent a[href^="tel:"] {
    color: var(--CSSColor, #000000);
}

.beItemContent a.button,
.beItemContent a.button:visited {
    color: var(--ButtonLinkColor);
}

.beItemContent a.button:hover {
    color: var(--ButtonLinkHoverColor);
}

#main .beItemContent li:before {
    background-color: var(--CSSColor, #000000);
}

.beContainer[style*="color"] h1,
.beContainer[style*="color"] h2,
.beContainer[style*="color"] h3,
.beContainer[style*="color"] h4,
.beContainer[style*="color"] h5,
.beContainer[style*="color"] h6 {
    color: inherit;
}


/* General Settings */

.BlockEditorFullScreenWidthEnabled #main {
    max-width: inherit;
    padding: 0;
}

#blockEditor {
    position: relative;
}

.beItemContainer[data-containertype="Row"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    --column-gap: 5%;
}

.itemsNoMargin .beItemContainer[data-containertype="Row"] {
    gap: 0;
    --column-gap: 0;
}

.beContainer {
    position: relative;
}

.beContainerRow {
}

.beContainerColumn {
    overflow: hidden;
    align-self: stretch;
}

.beContainerBlock {
    position: relative;
    clear: both;
}

/* Default margin/paddings  */

.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer {
    margin-left: auto;
    margin-right: auto;
}


/* main container with */
.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.fullScreenMainContainerWith > .beItemContainer,
.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.beContainerLayoutContainer.fullScreenMainContainerWith > .beContainer > .beItemContainer {
    max-width: inherit;
}


.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.fullScreenMainContainerWith[style*="padding-left:0"] > .beItemContainer,
.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.beContainerLayoutContainer.fullScreenMainContainerWith[style*="padding-left:0"] > .beContainer > .beItemContainer {
    padding-left: 0;
}

.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.fullScreenMainContainerWith[style*="padding-right:0"] > .beItemContainer,
.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.beContainerLayoutContainer.fullScreenMainContainerWith[style*="padding-right:0"] > .beContainer > .beItemContainer {
    padding-right: 0;
}

.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.standardMainContainerWidth {
    max-width: var(--StandardMainContainerWidth, 1230px);
}

.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.largeMainContainerWith {
    max-width: var(--LargeMainContainerWidth, 1870px);
}

.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.twoThirdMainContainerWidth {
    max-width: var(--TwoThirdMainContainerWidth, 820px);
}

.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.halfMainContainerWidth {
    max-width: var(--HalfMainContainerWidth, 615px);
}

.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.OneThirdMainContainerWidth {
    max-width: var(--OneThirdMainContainerWidth, 410px);
}

/* content container with */
.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.fullScreenContentWith > .beItemContainer {
    max-width: inherit;
}

.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.fullScreenContentWith[style*="padding-left:0"] > .beItemContainer {
    padding-left: 0;
}

.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.fullScreenContentWith[style*="padding-right:0"] > .beItemContainer {
    padding-right: 0;
}

.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.largeContentWith > .beItemContainer {
    max-width: var(--LargeMainContainerWidth, 1870px);
}

.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.twoThirdContentWidth > .beItemContainer {
    max-width: var(--TwoThirdMainContainerWidth, 820px);
}

.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.halfContentWidth > .beItemContainer {
    max-width: var(--HalfMainContainerWidth, 615px);
}

.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.OneThirdContentWidth > .beItemContainer {
    max-width: var(--OneThirdMainContainerWidth, 410px);
}

.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer > .beItemContainer,
.BlockEditorFullScreenWidthEnabled #blockEditor > .beContainer.beContainerLayoutContainer > .beContainer > .beItemContainer {
    max-width: var(--StandardMainContainerWidth, 1230px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 25px;
}


/* Always add the margin at the top of a new block */
.beContainerBlock,
.beContainerLayoutContainer[style*="background-image"],
.beContainerLayoutContainer[style*="background-color"] {
    margin-top: var(--DefaultBlockMarginTop, 50px);
}

/* NO Margin for HTML needed*/
.beContainerBlock[data-itemname="HTML"] {
    margin-top: 0;
}

/* The first block does not need a top margin */
#blockEditor > .beContainerBlock:first-of-type,
#blockEditor > .beContainerRow:first-of-type > .beItemContainer[data-containertype="Row"] > .beContainerColumn > .beContainerBlock:first-of-type,
.beContainerLayoutContainer[style*="background-image"] > .beItemContainer[data-itemname="LayoutContainer"] + .beContainerBlock,
.beContainerLayoutContainer[style*="background-color"] > .beItemContainer[data-itemname="LayoutContainer"] + .beContainerBlock,
.beContainerLayoutContainer[style*="background-image"] > .beItemContainer[data-itemname="LayoutContainer"] + .beContainerRow .beContainerColumn .beContainerBlock,
.beContainerLayoutContainer[style*="background-color"] > .beItemContainer[data-itemname="LayoutContainer"] + .beContainerRow .beContainerColumn .beContainerBlock {
    margin-top: 0;
}


/* Add bottom margin to the last block*/
#blockEditor > .beContainerBlock:last-of-type,
#blockEditor > .beContainerLayoutContainer:last-of-type,
#blockEditor > .beContainerRow:last-of-type {
    margin-bottom: 50px;
}

.beContainerBlock[style*="background-color"],
.beContainerLayoutContainer[style*="background-color"],
.beContainerBlock[style*="background-image"],
.beContainerLayoutContainer[style*="background-image"] {
    padding: 70px 25px 70px 25px;
}

.beContainerBlock[data-itemname="Script"] {
    margin: 0;
    padding: 0;
}

.itemsNoMargin.beContainerBlock,
.itemsNoMargin .beContainerBlock {
    margin: 0;
    padding-bottom: 0;
}

.beField p:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}


[style*="background-image"] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.hasPropertyBEBackgroundImageOpacity::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    opacity: var(--BEBackgroundImageOpacity);
}

.hasPropertyBEBackgroundImageOpacity .beItemContainer
{
    position: relative;
    z-index: 1;
}


.centerContent .beItemContent,
.centerContent .beContainerBlock {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

.centerContent .beItemContent h1,
.centerContent .beItemContent h2,
.centerContent .beItemContent h3,
.centerContent .beItemContent h4,
.centerContent .beItemContent h5,
.centerContent .beItemContent h6,
.centerContent .beContainerBlock h1,
.centerContent .beContainerBlock h2,
.centerContent .beContainerBlock h3,
.centerContent .beContainerBlock h4,
.centerContent .beContainerBlock h5,
.centerContent .beContainerBlock h6 {
    text-align: center;
}

.textAlignLeft .beItemContent,
.textAlignLeft .beContainerBlock {
    text-align: left;
}

    .textAlignLeft .beItemContent h1,
    .textAlignLeft .beItemContent h2,
    .textAlignLeft .beItemContent h3,
    .textAlignLeft .beItemContent h4,
    .textAlignLeft .beItemContent h5,
    .textAlignLeft .beItemContent h6,
    .textAlignLeft .beContainerBlock h1,
    .textAlignLeft .beContainerBlock h2,
    .textAlignLeft .beContainerBlock h3,
    .textAlignLeft .beContainerBlock h4,
    .textAlignLeft .beContainerBlock h5,
    .textAlignLeft .beContainerBlock h6 {
        text-align: left;
    }

.textAlignRight .beItemContent,
.textAlignRight .beContainerBlock {
    text-align: right;
}

    .textAlignRight .beItemContent h1,
    .textAlignRight .beItemContent h2,
    .textAlignRight .beItemContent h3,
    .textAlignRight .beItemContent h4,
    .textAlignRight .beItemContent h5,
    .textAlignRight .beItemContent h6,
    .textAlignRight .beContainerBlock h1,
    .textAlignRight .beContainerBlock h2,
    .textAlignRight .beContainerBlock h3,
    .textAlignRight .beContainerBlock h4,
    .textAlignRight .beContainerBlock h5,
    .textAlignRight .beContainerBlock h6 {
        text-align: right;
    }


[data-columncount="2"] > .beContainerColumn {
    /*width: calc((100% / columnCount) - Gap + (Gap / columnCount));*/
    width: calc((100% / 2) - var(--column-gap) + (var(--column-gap) / 2));
}

.itemsNoMargin [data-columncount="2"] > .beContainerColumn {
    width: calc(100% / 2);
}

[data-columncount="3"] > .beContainerColumn {
    width: calc((100% / 3) - var(--column-gap) + (var(--column-gap) / 3));
}

.itemsNoMargin [data-columncount="3"] > .beContainerColumn {
    width: calc(100% / 3);
}

[data-columncount="4"] > .beContainerColumn {
    width: calc((100% / 4) - var(--column-gap) + (var(--column-gap) / 4));
}

.itemsNoMargin [data-columncount="4"] > .beContainerColumn {
    width: calc(100% / 4);
}

[data-columncount="5"] > .beContainerColumn {
    width: calc((100% / 5) - var(--column-gap) + (var(--column-gap) / 5));
}

.itemsNoMargin [data-columncount="5"] > .beContainerColumn {
    width: calc(100% / 5);
}

[data-columncount="6"] > .beContainerColumn {
    width: calc((100% / 6) - var(--column-gap) + (var(--column-gap) / 6));
}

.itemsNoMargin [data-columncount="6"] > .beContainerColumn {
    width: calc(100% / 6);
}

[data-columncount="2"] > .beContainerColumn.beCol-1,
[data-columncount="3"] > .beContainerColumn.beCol-1 {
    width: calc((100% / 6) - var(--column-gap) + (var(--column-gap) / 6));
}

.itemsNoMargin [data-columncount="2"] > .beContainerColumn.beCol-1,
.itemsNoMargin [data-columncount="3"] > .beContainerColumn.beCol-1 {
    width: calc(100% / 6);
}

[data-columncount="2"] > .beContainerColumn.beCol-2,
[data-columncount="3"] > .beContainerColumn.beCol-2 {
    width: calc((100% / 6 * 2) - var(--column-gap) + (var(--column-gap) / 6 * 2));
}

.itemsNoMargin [data-columncount="2"] > .beContainerColumn.beCol-2,
.itemsNoMargin [data-columncount="3"] > .beContainerColumn.beCol-2 {
    width: calc(100% / 6 * 2);
}

[data-columncount="2"] > .beContainerColumn.beCol-3,
[data-columncount="3"] > .beContainerColumn.beCol-3 {
    width: calc((100% / 6 * 3) - var(--column-gap) + (var(--column-gap) / 6 * 3));
}

.itemsNoMargin [data-columncount="2"] > .beContainerColumn.beCol-3,
.itemsNoMargin [data-columncount="3"] > .beContainerColumn.beCol-3 {
    width: calc(100% / 6 * 3);
}

[data-columncount="2"] > .beContainerColumn.beCol-4,
[data-columncount="3"] > .beContainerColumn.beCol-4 {
    width: calc((100% / 6 * 4) - var(--column-gap) + (var(--column-gap) / 6 * 4));
}

.itemsNoMargin [data-columncount="2"] > .beContainerColumn.beCol-4,
.itemsNoMargin [data-columncount="3"] > .beContainerColumn.beCol-4 {
    width: calc(100% / 6 * 4);
}

[data-columncount="2"] > .beContainerColumn.beCol-5,
[data-columncount="3"] > .beContainerColumn.beCol-5 {
    width: calc((100% / 6 * 5) - var(--column-gap) + (var(--column-gap) / 6 * 5));
}

.itemsNoMargin [data-columncount="2"] > .beContainerColumn.beCol-5,
.itemsNoMargin [data-columncount="3"] > .beContainerColumn.beCol-5 {
    width: calc(100% / 6 * 5);
}


@media screen and (max-width: 767.9px) {

    /* Margin was removed on desktop, here it is needed again for the second column*/
    #blockEditor > .beContainerRow:first-of-type > .beItemContainer[data-containertype="Row"] > .beContainerColumn:first-of-type > .beContainerBlock:first-of-type {
        margin-top: 0;
    }

    #blockEditor > .beContainerRow:first-of-type > .beItemContainer[data-containertype="Row"] > .beContainerColumn > .beContainerBlock:first-of-type {
        margin-top: 50px;
    }

    .beContainerBlock[style*="background-color"],
    .beContainerLayoutContainer[style*="background-color"],
    .beContainerBlock[style*="background-image"],
    .beContainerLayoutContainer[style*="background-image"] {
        padding: 30px 5px 30px 5px;
    }

    .smartphoneReverseOrder .beItemContainer[data-containertype="Row"] {
        flex-flow: column-reverse;
    }

    .beContainerColumn,
    [data-columncount="2"] > .beContainerColumn,
    [data-columncount="2"] > .beContainerColumn.beCol-1,
    [data-columncount="2"] > .beContainerColumn.beCol-2,
    [data-columncount="2"] > .beContainerColumn.beCol-3,
    [data-columncount="2"] > .beContainerColumn.beCol-4,
    [data-columncount="2"] > .beContainerColumn.beCol-5,
    [data-columncount="3"] > .beContainerColumn,
    [data-columncount="3"] > .beContainerColumn.beCol-1,
    [data-columncount="3"] > .beContainerColumn.beCol-2,
    [data-columncount="3"] > .beContainerColumn.beCol-3,
    [data-columncount="3"] > .beContainerColumn.beCol-4,
    [data-columncount="3"] > .beContainerColumn.beCol-5,
    [data-columncount="4"] > .beContainerColumn,
    [data-columncount="4"] > .beContainerColumn.beCol-1,
    [data-columncount="4"] > .beContainerColumn.beCol-2,
    [data-columncount="4"] > .beContainerColumn.beCol-3,
    [data-columncount="4"] > .beContainerColumn.beCol-4,
    [data-columncount="4"] > .beContainerColumn.beCol-5,
    [data-columncount="5"] > .beContainerColumn,
    [data-columncount="5"] > .beContainerColumn.beCol-1,
    [data-columncount="5"] > .beContainerColumn.beCol-2,
    [data-columncount="5"] > .beContainerColumn.beCol-3,
    [data-columncount="5"] > .beContainerColumn.beCol-4,
    [data-columncount="5"] > .beContainerColumn.beCol-5,
    .itemsNoMargin .beContainerColumn,
    .itemsNoMargin [data-columncount="2"] > .beContainerColumn,
    .itemsNoMargin [data-columncount="2"] > .beContainerColumn.beCol-1,
    .itemsNoMargin [data-columncount="2"] > .beContainerColumn.beCol-2,
    .itemsNoMargin [data-columncount="2"] > .beContainerColumn.beCol-3,
    .itemsNoMargin [data-columncount="2"] > .beContainerColumn.beCol-4,
    .itemsNoMargin [data-columncount="2"] > .beContainerColumn.beCol-5,
    .itemsNoMargin [data-columncount="3"] > .beContainerColumn,
    .itemsNoMargin [data-columncount="3"] > .beContainerColumn.beCol-1,
    .itemsNoMargin [data-columncount="3"] > .beContainerColumn.beCol-2,
    .itemsNoMargin [data-columncount="3"] > .beContainerColumn.beCol-3,
    .itemsNoMargin [data-columncount="3"] > .beContainerColumn.beCol-4,
    .itemsNoMargin [data-columncount="3"] > .beContainerColumn.beCol-5,
    .itemsNoMargin [data-columncount="4"] > .beContainerColumn,
    .itemsNoMargin [data-columncount="4"] > .beContainerColumn.beCol-1,
    .itemsNoMargin [data-columncount="4"] > .beContainerColumn.beCol-2,
    .itemsNoMargin [data-columncount="4"] > .beContainerColumn.beCol-3,
    .itemsNoMargin [data-columncount="4"] > .beContainerColumn.beCol-4,
    .itemsNoMargin [data-columncount="4"] > .beContainerColumn.beCol-5,
    .itemsNoMargin [data-columncount="5"] > .beContainerColumn,
    .itemsNoMargin [data-columncount="5"] > .beContainerColumn.beCol-1,
    .itemsNoMargin [data-columncount="5"] > .beContainerColumn.beCol-2,
    .itemsNoMargin [data-columncount="5"] > .beContainerColumn.beCol-3,
    .itemsNoMargin [data-columncount="5"] > .beContainerColumn.beCol-4,
    .itemsNoMargin [data-columncount="5"] > .beContainerColumn.beCol-5 {
        width: 100%;
    }
}


/* ImageSlider */


.beSwiper-container {
    position: relative;
}

.beSwiper-container[data-slidesperview="Auto"] .swiper-slide {
    width: initial;
}

#blockEditor .swiper-slide img {
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.hasPropertyImageSliderAspectRatio img {
    vertical-align: top;
    object-fit: cover;
    width: 100%;
    max-height: 100%;
    aspect-ratio: unset;
}


.aspectRatioOriginal .swiper-slide img {
    object-fit: inherit;
    aspect-ratio: unset;
}

.aspectRatio1To1 .swiper-slide img {
    aspect-ratio: 1/1;
}

.aspectRatio5To4 .swiper-slide img {
    aspect-ratio: 5/4;
}

.aspectRatio4To3 .swiper-slide img {
    aspect-ratio: 4/3;
}

.aspectRatio3To2 .swiper-slide img {
    aspect-ratio: 3/2;
}

.aspectRatio16To9 .swiper-slide img {
    aspect-ratio: 16/9;
}

.aspectRatio3To1 .swiper-slide img {
    aspect-ratio: 3/1;
}

.aspectRatio4To5 .swiper-slide img {
    aspect-ratio: 4/5;
}

.aspectRatio3To4 .swiper-slide img {
    aspect-ratio: 3/4;
}

.aspectRatio2To3 .swiper-slide img {
    aspect-ratio: 2/3;
}

.aspectRatio9To16 .swiper-slide img {
    aspect-ratio: 9/16;
}

.aspectRatio1To3 .swiper-slide img {
    aspect-ratio: 1/3;
}

.beItem[data-itemname="ImageSlider"] {
    overflow: hidden;
}

.swiper-imageCaption {
    margin-top: 15px;
}

.beItem[data-itemname="ImageSlider"] .swiper-pagination {
    position: initial;
    margin-top: 5px;
}

.beSwiper-container .swiper-imageContent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left;
    background-color: rgba(000, 000, 000, 0.2);
    padding: 0 10% 0 10%;
}

.beSwiper-container .swiper-imageContent .textContent {
    align-self: start;
}

@media screen and (max-width: 769.9px) {
    .beSwiper-container .swiper-imageContent {
        padding: 0 5% 0 5%;
    }
}

/* ImageGallery */

figure {
    margin: 0;
}

.beImageGalleryImagesContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.imagesPerRow6 .beImageGalleryImagesContainer {
    gap: 10px;
}

.imagesPerRow5 .beImageGalleryImagesContainer {
    gap: 15px;
}

.imagesPerRow4 .beImageGalleryImagesContainer {
    gap: 30px;
}

.imagesPerRow3 .beImageGalleryImagesContainer {
    gap: 30px;
}

.imagesPerRow2 .beImageGalleryImagesContainer {
    gap: 30px;
}

.imagesPerRow1 .beImageGalleryImagesContainer {
    gap: 0;
    row-gap: 30px;
}

.beImageGalleryImageContainer {
    width: Calc(100% / 4 - (30px / 4 * 3));
   /* border: 1px solid #ccc;
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3);*/
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.imagesPerRow6 .beImageGalleryImageContainer {
    width: Calc(100% / 6 - (10px / 6 * 5));
}

.imagesPerRow5 .beImageGalleryImageContainer {
    width: Calc(100% / 5 - (15px / 5 * 4));
}

.imagesPerRow4 .beImageGalleryImageContainer {
    width: Calc(100% / 4 - (30px / 4 * 3));
}

.imagesPerRow3 .beImageGalleryImageContainer {
    width: Calc(100% / 3 - (30px / 3 * 2));
}

.imagesPerRow2 .beImageGalleryImageContainer {
    width: Calc(100% / 2 - (30px / 2 * 1));
}

.imagesPerRow1 .beImageGalleryImageContainer {
    width: 100%;
}

.beContainerColumn .beContainer:not(.hasPropertyImageGalleryImagesPerRow) .beImageGalleryImagesContainer {
    gap: 10px;
}

.beContainerColumn .beContainer:not(.hasPropertyImageGalleryImagesPerRow) .beImageGalleryImageContainer {
    width: Calc(100% / 2 - 5px);
}

.beContainerColumn.beCol-4 .beContainer:not(.hasPropertyImageGalleryImagesPerRow) .beImageGalleryImageContainer,
.beContainerColumn.beCol-5 .beContainer:not(.hasPropertyImageGalleryImagesPerRow) .beImageGalleryImageContainer {
    width: Calc(100% / 3 - 10px);
}

.beImageGalleryImageContainer img {
    vertical-align: top;
    /*Part below needed if portrait images should be cut above and below. Without this the image is only cut below */
    object-fit: cover;
    width: 100%;
    max-height: 100%;
    aspect-ratio: 4/3;
}

.aspectRatioOriginal .beImageGalleryImageContainer {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.aspectRatioOriginal .beImageGalleryImageContainer img {
    object-fit: inherit;
    width: 100%;
    aspect-ratio: unset;
}

.aspectRatio1To1 .beImageGalleryImageContainer img {
    aspect-ratio: 1/1;
}

.aspectRatio5To4 .beImageGalleryImageContainer img {
    aspect-ratio: 5/4;
}

.aspectRatio4To3 .beImageGalleryImageContainer img {
    aspect-ratio: 4/3;
}

.aspectRatio3To2 .beImageGalleryImageContainer img {
    aspect-ratio: 3/2;
}

.aspectRatio16To9 .beImageGalleryImageContainer img {
    aspect-ratio: 16/9;
}

.aspectRatio3To1 .beImageGalleryImageContainer img {
    aspect-ratio: 3/1;
}

.aspectRatio4To5 .beImageGalleryImageContainer img {
    aspect-ratio: 4/5;
}

.aspectRatio3To4 .beImageGalleryImageContainer img {
    aspect-ratio: 3/4;
}

.aspectRatio2To3 .beImageGalleryImageContainer img {
    aspect-ratio: 2/3;
}

.aspectRatio9To16 .beImageGalleryImageContainer img {
    aspect-ratio: 9/16;
}

.aspectRatio1To3 .beImageGalleryImageContainer img {
    aspect-ratio: 1/3;
}


.beImageGalleryImageDescription {
    padding: 5px 10px 5px 10px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}


.beImageGalleryImageContainer a {
    border: 1px solid #ccc;
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3);
    display: block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.beImageGalleryImageContainer a,
.beImageGalleryImageContainer a:visited {
    text-decoration: none;
    color: var(--LinkColor, #000000);

}

.beImageGalleryImageContainer a:hover {
    text-decoration: none;
    color: var(--LinkHoverColor, #000000);
}

@media screen and (max-width: 1279.9px) {

    .beImageGalleryImagesContainer {
        gap: 20px;
    }

    .imagesPerRow6 .beImageGalleryImagesContainer {
        gap: 20px;
    }

    .imagesPerRow5 .beImageGalleryImagesContainer {
        gap: 20px;
    }

    .imagesPerRow4 .beImageGalleryImagesContainer {
        gap: 20px;
    }

    .imagesPerRow3 .beImageGalleryImagesContainer {
        gap: 20px;
    }

    .imagesPerRow2 .beImageGalleryImagesContainer {
        gap: 20px;
    }

    .imagesPerRow1 .beImageGalleryImagesContainer {
        gap: 0;
        row-gap: 30px;
    }


    .beImageGalleryImageContainer {
        width: Calc(100% / 3 - (20px / 3 * 2));
    }

    .imagesPerRow6 .beImageGalleryImageContainer {
        width: Calc(100% / 4 - (20px / 4 * 3));
    }

    .imagesPerRow5 .beImageGalleryImageContainer {
        width: Calc(100% / 4 - (20px / 4 * 3));
    }

    .imagesPerRow4 .beImageGalleryImageContainer {
        width: Calc(100% / 3 - (20px / 3 * 2));
    }

    .imagesPerRow3 .beImageGalleryImageContainer {
        width: Calc(100% / 3 - (20px / 3 * 2));
    }

    .imagesPerRow2 .beImageGalleryImageContainer {
        width: Calc(100% / 2 - (20px / 2 * 1));
    }

    .imagesPerRow1 .beImageGalleryImageContainer {
        width: 100%;
    }

    .beContainerColumn .beImageGalleryImagesContainer {
        gap: 10px;
    }

    .beContainerColumn .beImageGalleryImageContainer {
        width: Calc(100% / 2 - 5px);
    }
}

@media screen and (max-width: 1023.9px) {

    .beImageGalleryImagesContainer {
        gap: 10px;
    }

    .imagesPerRow6 .beImageGalleryImagesContainer {
        gap: 10px;
    }

    .imagesPerRow5 .beImageGalleryImagesContainer {
        gap: 10px;
    }

    .imagesPerRow4 .beImageGalleryImagesContainer {
        gap: 10px;
    }

    .imagesPerRow3 .beImageGalleryImagesContainer {
        gap: 10px;
    }

    .imagesPerRow2 .beImageGalleryImagesContainer {
        gap: 10px;
    }

    .imagesPerRow1 .beImageGalleryImagesContainer {
        gap: 0;
        row-gap: 30px;
    }

    .beImageGalleryImageContainer {
        width: Calc(100% / 2 - 5px);
    }

    .imagesPerRow6 .beImageGalleryImageContainer {
        width: Calc(100% / 3 - (10px / 3 * 2));
    }

    .imagesPerRow5 .beImageGalleryImageContainer {
        width: Calc(100% / 3 - (10px / 3 * 2));
    }

    .imagesPerRow4 .beImageGalleryImageContainer {
        width: Calc(100% / 2 - (10px / 2 * 1));
    }

    .imagesPerRow3 .beImageGalleryImageContainer {
        width: Calc(100% / 2 - (10px / 2 * 1));
    }

    .imagesPerRow2 .beImageGalleryImageContainer {
        width: Calc(100% / 2 - (10px / 2 * 1));
    }

    .imagesPerRow1 .beImageGalleryImageContainer {
        width: 100%;
    }

    .beContainerColumn .beImageGalleryImageContainer {
        width: Calc(100% / 2 - 5px);
    }

    .beContainerColumn.beCol-4 .beImageGalleryImageContainer,
    .beContainerColumn.beCol-5 .beImageGalleryImageContainer {
        width: Calc(100% / 2 - 10px);
    }

    .beContainerColumn.beCol-1 .beImageGalleryImagesContainer,
    .beContainerColumn.beCol-2 .beImageGalleryImagesContainer,
    .beContainerColumn.beCol-3 .beImageGalleryImagesContainer {
        gap: 0;
        display: block;
    }

    .beContainerColumn.beCol-1 .beImageGalleryImageContainer,
    .beContainerColumn.beCol-2 .beImageGalleryImageContainer,
    .beContainerColumn.beCol-3 .beImageGalleryImageContainer {
        width: 100%;
        margin-bottom: 30px;
    }
}


@media screen and (max-width: 580px) {

    .beImageGalleryImagesContainer {
        gap: 0;
        display: block;
    }

    .beImageGalleryImageContainer,
    .imagesPerRow1 .beImageGalleryImageContainer,
    .imagesPerRow2 .beImageGalleryImageContainer,
    .imagesPerRow3 .beImageGalleryImageContainer,
    .imagesPerRow4 .beImageGalleryImageContainer,
    .imagesPerRow5 .beImageGalleryImageContainer,
    .imagesPerRow6 .beImageGalleryImageContainer,
    .beContainerColumn .beContainer:not(.hasPropertyImageGalleryImagesPerRow) .beImageGalleryImageContainer,
    .beContainerColumn.beCol-4 .beContainer:not(.hasPropertyImageGalleryImagesPerRow) .beImageGalleryImageContainer,
    .beContainerColumn.beCol-5 .beContainer:not(.hasPropertyImageGalleryImagesPerRow) .beImageGalleryImageContainer {
        width: 100%;
        margin-bottom: 30px;
    }
}




/* Card */

.beItemContainer[data-itemname="Card"] {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    column-gap: 30px;
    overflow-wrap: break-word;
}

.centerContent .beItemContainer[data-itemname="Card"] .beItem {
    padding: 15px 0 15px 0;
}

.itemsNoMargin .beItemContainer[data-itemname="Card"],
.itemsNoMargin.imagesPerRow8 .beItemContainer[data-itemname="Card"],
.itemsNoMargin.imagesPerRow7 .beItemContainer[data-itemname="Card"],
.itemsNoMargin.imagesPerRow6 .beItemContainer[data-itemname="Card"],
.itemsNoMargin.imagesPerRow5 .beItemContainer[data-itemname="Card"],
.itemsNoMargin.imagesPerRow4 .beItemContainer[data-itemname="Card"],
.itemsNoMargin.imagesPerRow3 .beItemContainer[data-itemname="Card"],
.itemsNoMargin.imagesPerRow2 .beItemContainer[data-itemname="Card"],
.itemsNoMargin.imagesPerRow1 .beItemContainer[data-itemname="Card"] {
    row-gap: 0;
    column-gap: 0;
}

.imagesPerRow8 .beItemContainer[data-itemname="Card"] {
    row-gap: 10px;
    column-gap: 10px;
}

.imagesPerRow7 .beItemContainer[data-itemname="Card"] {
    row-gap: 10px;
    column-gap: 10px;
}

.imagesPerRow6 .beItemContainer[data-itemname="Card"] {
    row-gap: 10px;
    column-gap: 10px;
}

.imagesPerRow5 .beItemContainer[data-itemname="Card"] {
    row-gap: 15px;
    column-gap: 15px;
}

.imagesPerRow4 .beItemContainer[data-itemname="Card"] {
    row-gap: 30px;
    column-gap: 30px;
}

.imagesPerRow3 .beItemContainer[data-itemname="Card"] {
    row-gap: 30px;
    column-gap: 30px;
}

.imagesPerRow2 .beItemContainer[data-itemname="Card"] {
    row-gap: 30px;
    column-gap: 30px;
}

.imagesPerRow1 .beItemContainer[data-itemname="Card"] {
    gap: 0;
    row-gap: 30px;
}

.beItem[data-itemname="Card"] {
    width: Calc(100% / 3 - (30px / 3 * 2));
    box-shadow: rgba(50, 50, 93, 0.20) 0px 13px 27px -5px, rgba(0, 0, 0, 0.2) 0px 8px 16px -8px;
    position: relative;
    background-color: #fff;
}

.itemsNoMargin .beItem[data-itemname="Card"] {
    width: Calc(100% / 3);
}

.imagesPerRow8 .beItem[data-itemname="Card"] {
    width: Calc(100% / 8 - (10px / 8 * 7));
}

.itemsNoMargin.imagesPerRow8 .beItem[data-itemname="Card"] {
    width: Calc(100% / 8);
}

.imagesPerRow7 .beItem[data-itemname="Card"] {
    width: Calc(100% / 7 - (10px / 7 * 6));
}

.itemsNoMargin.imagesPerRow7 .beItem[data-itemname="Card"] {
    width: Calc(100% / 7);
}

.imagesPerRow6 .beItem[data-itemname="Card"] {
    width: Calc(100% / 6 - (10px / 6 * 5));
}

.itemsNoMargin.imagesPerRow6 .beItem[data-itemname="Card"] {
    width: Calc(100% / 6);
}

.imagesPerRow5 .beItem[data-itemname="Card"] {
    width: Calc(100% / 5 - (15px / 5 * 4));
}

.itemsNoMargin.imagesPerRow5 .beItem[data-itemname="Card"] {
    width: Calc(100% / 5);
}

.imagesPerRow4 .beItem[data-itemname="Card"] {
    width: Calc(100% / 4 - (30px / 4 * 3));
}

.itemsNoMargin.imagesPerRow4 .beItem[data-itemname="Card"] {
    width: Calc(100% / 4);
}

.imagesPerRow3 .beItem[data-itemname="Card"] {
    width: Calc(100% / 3 - (30px / 3 * 2));
}

.itemsNoMargin.imagesPerRow3 .beItem[data-itemname="Card"] {
    width: Calc(100% / 3);
}

.imagesPerRow2 .beItem[data-itemname="Card"] {
    width: Calc(100% / 2 - (30px / 2 * 1));
}

.itemsNoMargin.imagesPerRow2 .beItem[data-itemname="Card"] {
    width: Calc(100% / 2);
}

.imagesPerRow1 .beItem[data-itemname="Card"] {
    width: 100%;
}

.itemsNoMargin.imagesPerRow1 .beItem[data-itemname="Card"] {
    width: 100%;
}


.beCol-1 .beItem[data-itemname="Card"],
.beCol-2 .beItem[data-itemname="Card"] {
    width: 100%;
}

.beItem[data-itemname="Card"] .beFieldDataTypecKEditorText {
    padding: 15px 15px 15px 15px;
}

.beItem[data-itemname="Card"] .beItemCardContentLink {
    padding: 0 15px 15px 15px;
}

.centerContent .beItem[data-itemname="Card"] .beFieldDataTypecKEditorText {
    padding: 0;
}

.centerContent .beItem[data-itemname="Card"] .beItemCardContentLink {
    padding: 0;
}

.beItem[data-itemname="Card"] .beFieldDataTypeimageWithControls img {
    vertical-align: top;
    object-fit: cover;
    width: 100%;
    max-height: 100%;
    aspect-ratio: 16/9;
}

.aspectRatioOriginal .beItem[data-itemname="Card"] .beFieldDataTypeimageWithControls img {
    object-fit: inherit;
    width: 100%;
    aspect-ratio: unset;
}

.aspectRatio1To1 .beItem[data-itemname="Card"] .beFieldDataTypeimageWithControls img {
    aspect-ratio: 1/1;
}

.aspectRatio5To4 .beItem[data-itemname="Card"] .beFieldDataTypeimageWithControls img {
    aspect-ratio: 5/4;
}

.aspectRatio4To3 .beItem[data-itemname="Card"] .beFieldDataTypeimageWithControls img {
    aspect-ratio: 4/3;
}

.aspectRatio3To2 .beItem[data-itemname="Card"] .beFieldDataTypeimageWithControls img {
    aspect-ratio: 3/2;
}

.aspectRatio16To9 .beItem[data-itemname="Card"] .beFieldDataTypeimageWithControls img {
    aspect-ratio: 16/9;
}

.aspectRatio3To1 .beItem[data-itemname="Card"] .beFieldDataTypeimageWithControls img {
    aspect-ratio: 3/1;
}

.aspectRatio4To5 .beItem[data-itemname="Card"] .beFieldDataTypeimageWithControls img {
    aspect-ratio: 4/5;
}

.aspectRatio3To4 .beItem[data-itemname="Card"] .beFieldDataTypeimageWithControls img {
    aspect-ratio: 3/4;
}

.aspectRatio2To3 .beItem[data-itemname="Card"] .beFieldDataTypeimageWithControls img {
    aspect-ratio: 2/3;
}

.aspectRatio9To16 .beItem[data-itemname="Card"] .beFieldDataTypeimageWithControls img {
    aspect-ratio: 9/16;
}

.aspectRatio1To3 .beItem[data-itemname="Card"] .beFieldDataTypeimageWithControls img {
    aspect-ratio: 1/3;
}

.beItem[data-itemname="Card"] .beItemLink {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.beItem[data-itemname="Card"] .beItemLink,
.beItem[data-itemname="Card"] .beItemLink:visited {
    color: inherit;
    text-decoration: none;
}

.beItem[data-itemname="Card"] .beItemLink:hover {
    text-decoration: none;
}

.beItem[data-itemname="Card"].hasOverlayLink:hover {
    background-color: #F4F4F4;
}

.beItem[data-itemname="Card"] .beFieldDataTypeimageWithControls {
    overflow: hidden;
}

.beItem[data-itemname="Card"] img {
    transition: all 0.3s;
}

.beItem[data-itemname="Card"].hasOverlayLink:hover img {
    opacity: 0.65;
    transform: scale(1.05);
}

.beItem[data-itemname="Card"] .beItemContent {
    position: relative;
    pointer-events: none;
    z-index: 1;
}

.beItem[data-itemname="Card"] .beItemContent a {
    pointer-events: all;
    position: relative;
}

.beItem[data-itemname="Card"].hasOverlayLink[style*="background-color"]:hover {
    opacity: 0.7;
}

.itemsNoMargin .beItemContainer[data-itemname="Card"] .beItem[style*="background-color"] .beItemLink {
    margin: 0;
}


@media screen and (max-width: 1279.9px) {

    .beItemContainer[data-itemname="Card"] {
        gap: 20px;
    }

    .imagesPerRow8 .beItemContainer[data-itemname="Card"] {
        gap: 20px;
    }

    .imagesPerRow7 .beItemContainer[data-itemname="Card"] {
        gap: 20px;
    }

    .imagesPerRow6 .beItemContainer[data-itemname="Card"] {
        gap: 20px;
    }

    .imagesPerRow5 .beItemContainer[data-itemname="Card"] {
        gap: 20px;
    }

    .imagesPerRow4 .beItemContainer[data-itemname="Card"] {
        gap: 20px;
    }

    .imagesPerRow3 .beItemContainer[data-itemname="Card"] {
        gap: 20px;
    }

    .imagesPerRow2 .beItemContainer[data-itemname="Card"] {
        gap: 20px;
    }

    .imagesPerRow1 .beItemContainer[data-itemname="Card"] {
        gap: 0;
        row-gap: 30px;
    }

    .itemsNoMargin .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow8 .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow7 .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow6 .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow5 .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow4 .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow3 .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow2 .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow1 .beItemContainer[data-itemname="Card"] {
        gap: 0;
        row-gap: 0;
    }

    .beItem[data-itemname="Card"] {
        width: Calc(100% / 3 - (20px / 3 * 2));
    }

    .itemsNoMargin .beItem[data-itemname="Card"] {
        width: Calc(100% / 3);
    }

    .imagesPerRow8 .beItem[data-itemname="Card"] {
        width: Calc(100% / 4 - (20px / 4 * 3));
    }

    .itemsNoMargin.imagesPerRow8 .beItem[data-itemname="Card"] {
        width: Calc(100% / 4);
    }

    .imagesPerRow7 .beItem[data-itemname="Card"] {
        width: Calc(100% / 4 - (20px / 4 * 3));
    }

    .itemsNoMargin.imagesPerRow7 .beItem[data-itemname="Card"] {
        width: Calc(100% / 4);
    }

    .imagesPerRow6 .beItem[data-itemname="Card"] {
        width: Calc(100% / 4 - (20px / 4 * 3));
    }

    .itemsNoMargin.imagesPerRow6 .beItem[data-itemname="Card"] {
        width: Calc(100% / 4);
    }

    .imagesPerRow5 .beItem[data-itemname="Card"] {
        width: Calc(100% / 4 - (20px / 4 * 3));
    }

    .itemsNoMargin.imagesPerRow5 .beItem[data-itemname="Card"] {
        width: Calc(100% / 4);
    }

    .imagesPerRow4 .beItem[data-itemname="Card"] {
        width: Calc(100% / 3 - (20px / 3 * 2));
    }

    .itemsNoMargin.imagesPerRow4 .beItem[data-itemname="Card"] {
        width: Calc(100% / 3);
    }

    .imagesPerRow3 .beItem[data-itemname="Card"] {
        width: Calc(100% / 3 - (20px / 3 * 2));
    }

    .itemsNoMargin.imagesPerRow3 .beItem[data-itemname="Card"] {
        width: Calc(100% / 3);
    }

    .imagesPerRow2 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2 - (20px / 2 * 1));
    }

    .itemsNoMargin.imagesPerRow2 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2);
    }

    .imagesPerRow1 .beItem[data-itemname="Card"] {
        width: 100%;
    }

    .itemsNoMargin.imagesPerRow1 .beItem[data-itemname="Card"] {
        width: 100%;
    }
}

@media screen and (max-width: 1023.9px) {

    .beItemContainer[data-itemname="Card"] {
        gap: 15px;
    }

    .imagesPerRow8 .beItemContainer[data-itemname="Card"] {
        gap: 10px;
    }

    .imagesPerRow7 .beItemContainer[data-itemname="Card"] {
        gap: 10px;
    }

    .imagesPerRow6 .beItemContainer[data-itemname="Card"] {
        gap: 10px;
    }

    .imagesPerRow5 .beItemContainer[data-itemname="Card"] {
        gap: 15px;
    }

    .imagesPerRow4 .beItemContainer[data-itemname="Card"] {
        gap: 15px;
    }

    .imagesPerRow3 .beItemContainer[data-itemname="Card"] {
        gap: 15px;
    }

    .imagesPerRow2 .beItemContainer[data-itemname="Card"] {
        gap: 15px;
    }

    .imagesPerRow1 .beItemContainer[data-itemname="Card"] {
        gap: 0;
        row-gap: 30px;
    }

    .itemsNoMargin .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow8 .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow7 .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow6 .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow5 .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow4 .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow3 .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow2 .beItemContainer[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow1 .beItemContainer[data-itemname="Card"] {
        gap: 0;
        row-gap: 0;
    }

    .beItem[data-itemname="Card"] {
        width: Calc(100% / 2 - (15px / 2 * 1));
    }

    .itemsNoMargin .beItem[data-itemname="Card"] {
        width: Calc(100% / 2);
    }

    .imagesPerRow8 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2 - (10px / 3 * 2));
    }

    .itemsNoMargin.imagesPerRow8 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2);
    }

    .imagesPerRow7 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2 - (10px / 3 * 2));
    }

    .itemsNoMargin.imagesPerRow7 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2);
    }

    .imagesPerRow6 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2 - (10px / 3 * 2));
    }

    .itemsNoMargin.imagesPerRow6 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2);
    }

    .imagesPerRow5 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2 - (15px / 3 * 2));
    }

    .itemsNoMargin.imagesPerRow5 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2);
    }

    .imagesPerRow4 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2 - (15px / 2 * 1));
    }

    .itemsNoMargin.imagesPerRow4 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2);
    }

    .imagesPerRow3 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2 - (15px / 2 * 1));
    }

    .itemsNoMargin.imagesPerRow3 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2);
    }

    .imagesPerRow2 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2 - (15px / 2 * 1));
    }

    .itemsNoMargin.imagesPerRow2 .beItem[data-itemname="Card"] {
        width: Calc(100% / 2);
    }

    .imagesPerRow1 .beItem[data-itemname="Card"] {
        width: 100%;
    }

    .itemsNoMargin.imagesPerRow1 .beItem[data-itemname="Card"] {
        width: 100%;
    }

    .beCol-1 .beItem[data-itemname="Card"],
    .beCol-2 .beItem[data-itemname="Card"] {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {

    .beItem[data-itemname="Card"],
    .imagesPerRow1 .beItem[data-itemname="Card"],
    .imagesPerRow2 .beItem[data-itemname="Card"],
    .imagesPerRow3 .beItem[data-itemname="Card"],
    .imagesPerRow4 .beItem[data-itemname="Card"],
    .imagesPerRow5 .beItem[data-itemname="Card"],
    .imagesPerRow6 .beItem[data-itemname="Card"],
    .imagesPerRow7 .beItem[data-itemname="Card"],
    .imagesPerRow8 .beItem[data-itemname="Card"],
    .itemsNoMargin .beItem[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow1 .beItem[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow2 .beItem[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow3 .beItem[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow4 .beItem[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow5 .beItem[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow6 .beItem[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow7 .beItem[data-itemname="Card"],
    .itemsNoMargin.imagesPerRow8 .beItem[data-itemname="Card"] {
        width: 100%;
    }

    .beItemContainer[data-itemname="Card"],
    .imagesPerRow8 .beItemContainer[data-itemname="Card"],
    .imagesPerRow7 .beItemContainer[data-itemname="Card"],
    .imagesPerRow6 .beItemContainer[data-itemname="Card"],
    .imagesPerRow5 .beItemContainer[data-itemname="Card"],
    .imagesPerRow4 .beItemContainer[data-itemname="Card"],
    .imagesPerRow3 .beItemContainer[data-itemname="Card"],
    .imagesPerRow2 .beItemContainer[data-itemname="Card"],
    .imagesPerRow1 .beItemContainer[data-itemname="Card"] {
        row-gap: 30px;
    }
}


/* CardSlider */

.beContainerBlock[data-cardmode="Slider"] .beItemContainer[data-itemname="CardSlider"] {
    display: initial;
    flex-wrap: initial;
    row-gap: initial;
    column-gap: initial;
    overflow-wrap: initial;
}

.beItem[data-itemname="CardSlider"] {
    overflow: hidden;
}

#blockEditor .swiper-slide .beItem[data-itemname="Card"] {
    box-shadow: rgba(50, 50, 93, 0.20) 0px 13px 27px -5px, rgba(0, 0, 0, 0.2) 0px 8px 16px -8px;
    position: relative;
    background-color: #fff;
    margin-bottom: 30px;
    margin-right: 15px;
    margin-left: 15px;
    width: initial;
}

.beContainerBlock[data-itemname="Card"][data-cardsliderslidesperview="Auto"] .beItem[data-itemname="CardSlider"] .beItem[data-itemname="Card"] {
    max-width: 370px;
}

@media screen and (max-width: 450px) {

    .beContainerBlock[data-itemname="Card"][data-cardsliderslidesperview="Auto"] .beItem[data-itemname="CardSlider"] .beItem[data-itemname="Card"] {
        max-width: Calc(85vw - 30px);
    }
}


/* Form */
.form-group.plaincontent {
    padding: 0;
    margin: 0;
}

.formFieldPlainContent p:last-child {
    padding: 0;
    margin: 0;
}

.beItem[data-itemname="Form"] .inputContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.beItem[data-itemname="Form"] .form-group.radio {
    margin-bottom: 17px;
}



@media screen and (max-width: 450px) {

    .beItem[data-itemname="Form"] .inputContainer {
        display: block;
    }

    .beItem[data-itemname="Form"] .form-group {
        width: 100% !important;
    }
}



/* Breadcrumbs */

#breadcrumbs {
    margin-bottom: 30px;
}

#main nav.breadcrumbNav ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

#main nav.breadcrumbNav li {
    display: inline;
    margin: 0;
    padding: 0;
}

    #main nav.breadcrumbNav li:before {
        display: none;
    }

.breadcrumbLink {
    font-size: 17px;
}

.breadcrumbSeparator {
    font-size: 14px;
    margin: 0 12px 0 12px;
}

.beContainer[data-itemname="ImageSlider"] + .beContainer[data-itemname="Breadcrumbs"] {
    margin-top: -45px;
}

@media screen and (max-width: 1023.9px) {

    .breadcrumbLink {
        font-size: 15px;
    }

    .breadcrumbSeparator {
        font-size: 13px;
        margin: 0 10px 0 10px;
    }
}


/* Accordion */

.accordion {
    overflow: hidden;
    border-top: 1px solid #ddd;
    position: relative;
}

[style*="background-color"] .accordion {
    border: none;
}

.accordion input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.accordionContent {
    max-height: 35px;
    transition: all 0.25s ease;
    padding: 15px 15px 35px 0;
}

.accordion input:checked + .accordionLabel + .accordionContent {
    padding: 15px 15px 15px 0;
}

[style*="background-color"] input:checked + .accordionLabel + .accordionContent {
    padding: 15px 15px 15px 0;
}

.hasPropertyAccordionTitle[style*="background-color"] {
    padding: 0 20px 40px 20px;
}

.accordionLabel.hasTitle + .accordionContent {
    max-height: 0;
    padding: 0 15px 0 0;
}

.accordionLabel {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    min-height: 35px;
    padding: 15px 0 15px 0;
}

.accordionLabel.hasTitle {
    position: relative;
    display: block;
    width: 100%;
    min-height: 35px;
    padding: 15px 0 0 0;
}

.accordionLabel .accordionLabelIcon {
    transition: all 0.25s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
}

[style*="background-color"] .accordionLabel .accordionLabelIcon {
    top: 10px;
}

.accordion input:checked + .accordionLabel .accordionLabelIcon {
    transform: rotate(180deg);
}

.accordion input:checked ~ .accordionContent,
.accordion input:checked ~ .accordionLabel.hasTitle + .accordionContent {
    max-height: 150vh;
}

/* End Accordion */


/* Pop Up */

.blockEditorPopUpNoScroll {
    position: relative;
    overflow: hidden;
}

.beContainerBlock[data-itemname="PopUp"] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 100%;
    width: 100%;
    background: hsla(0, 0%, 40%, .6);
    overflow: auto;
    margin: 0;
    padding: 0;
}

.beContainerBlock[data-itemname="PopUp"].blockEditorPopUpHidden {
    display: none;
}

.beContainerBlock[data-itemname="PopUp"] .modal {
    padding: 15px 30px 30px 30px;
    border-radius: 10px;
    color: #000;
    background: #fff;
    box-shadow: .4rem .4rem 2.4rem .2rem rgba(100, 100, 100, 0.3);
    position: relative;
    display: block;
    width: Calc(100% - 30px);
    max-width: 1350px;
    margin: 200px auto 20px auto;
}

.beContainerBlock[data-itemname="PopUp"] .control-container {
    text-align: right;
}

.beContainerBlock[data-itemname="PopUp"] .control-container .fa-times {
    cursor: pointer;
    font-size: 25px;
    color: var(--LinkColor);
}

.beContainerBlock[data-itemname="PopUp"] .control-container .fa-times:hover {
    color: var(--LinkHoverColor);
}

/* End Pop Up */