:root {
    --demo-bg-light: #f5f5f2;
}

.brick-container__bg-light {
    background-color: var(--demo-bg-light) !important;
}

.image-effect picture {
    border-radius: 2rem;
    background-color: var(--demo-bg-light);
    display: inline-block;
}
.image-effect img,
.image-effect--white picture {
    border-radius: 2rem;
}

.image-effect--right img {
    transform: rotate(5deg);
}

.image-effect--left img {
    transform: rotate(-5deg);
}

.image-effect--white picture {
    background-color: #fff;
}

.footer-brick-maxWidth .control-content {
    max-width: 500px;
}

/*********************/
/* Brick: demo boxes */
/*********************/
@media screen and (min-width: 768px) {
    .demo-boxes .quiqqer-boxContentAdvanced-3:nth-child(3n+2) {
        margin-top: 5rem;
    }
}

/**********************************/
/* Brick: hero image basic slider */
/**********************************/
.hero-imageBasicSlider .basic-slider-images {
    margin-bottom: 2rem;
}

/********************/
/* Brick: accordion */
/********************/
.demo-brick-accordion .quiqqer-accordion-item {
    border-bottom: 0;
    margin-bottom: 0.5rem;
}

.demo-brick-accordion .quiqqer-accordion-item-header {
    border: 3px solid;
    padding-inline: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
}

/*****************/
/* Brick: slogan */
/*****************/
/*
 1. height of the triangle separator
*/
.brick-container__starttpage-slogan .tpl-brick__separator--top {
    margin-bottom: -50px; /* 1 */
    position: relative;
    z-index: 1;
}

/**************************/
/* Brick: customer review */
/**************************/
.customerReviewsSlider-templateOne-review.default-content {
    background-color: var(--demo-bg-light);
}

/******************************/
/* Brick: wallpaper with text */
/******************************/
.wallpaperText--rounded > .wallpaperText {
    border-radius: 2rem;
}

/*************************/
/* Brick: simple contact */
/*************************/
.demo.quiqqer-simple-contact {
    max-width: 900px;
    margin-inline: auto;
    padding: 4rem clamp(1rem, calc(15vw - 2rem), 10rem);
    border-radius: 2rem;
    border: 3px solid;
}

/**********************/
/* Brick: box content */
/**********************/
.demo .quiqqer-boxContentAdvanced-entry-img .fa {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {
    .demo .quiqqer-boxContentAdvanced-entry {
        margin-bottom: 4rem;
    }
}