.wp-block-lebensquell-teaser {
	margin-top: var(--wp--preset--spacing--30);
	margin-bottom: var(--wp--preset--spacing--30);
    gap: var(--wp--preset--spacing--15);
}

.wp-block-lebensquell-teaser,
.wp-block-lebensquell-teaser .teaser-item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.wp-block-lebensquell-teaser .teaser-item:nth-of-type(2n) {
    flex-direction: row-reverse;
}

.wp-block-lebensquell-teaser .teaser-item .teaser-image {
    max-width: 40%;
}

.wp-block-lebensquell-teaser .teaser-item .teaser-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    border-radius: 40px;
    max-width: 210px;
}

.wp-block-lebensquell-teaser .teaser-item .teaser-content {
    display: flex;
    flex-direction: column;
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--15);
    justify-content: flex-start;
    gap: var(--wp--preset--spacing--7-5);
    min-width: 60%;
}

.wp-block-lebensquell-teaser .teaser-item:nth-of-type(2n + 1) .teaser-content {
    justify-content: center;
    padding-right: 0;
}

.wp-block-lebensquell-teaser .teaser-item:nth-of-type(2n) .teaser-content {
    text-align: right;
    padding-left: 0;
}

.wp-block-lebensquell-teaser .teaser-item .teaser-content svg.wave-icon {
    width: 100px;
    height: auto;
    object-fit: contain;
    object-position: left center;
    flex-shrink: 0;
    transform: translateX(calc(-50% - var(--wp--preset--spacing--15)));
}

.wp-block-lebensquell-teaser .teaser-item:nth-of-type(2n) .teaser-content svg.wave-icon {
    object-position: right center;
    transform: translateX(calc(50% + var(--wp--preset--spacing--15)));
    margin-left: auto;
}

.wp-block-lebensquell-teaser .teaser-item .teaser-content .headline {
    font-size: 22px;
    font-family: 'Tenor Sans';
    display: block;
    hyphens: auto;
}

.wp-block-lebensquell-teaser .teaser-item .teaser-content a {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--7-5);
    font-size: 18px;
    font-family: 'Work Sans';
}

.wp-block-lebensquell-teaser .teaser-item .teaser-content a:hover,
.wp-block-lebensquell-teaser .teaser-item .teaser-content a:focus {
    text-decoration: underline;
}

.wp-block-lebensquell-teaser .teaser-item:nth-of-type(2n) .teaser-content a {
    justify-content: flex-end;
    hyphens: auto;
}

.wp-block-lebensquell-teaser .teaser-item .teaser-content a svg {
    width: 20px;
    height: 20px;
    object-fit: contain;
    object-position: left center;
    flex-shrink: 0;
}

/* TEASER 2 */
.wp-block-lebensquell-teaser.teaser-2 {
    gap: var(--wp--preset--spacing--30);
}

.wp-block-lebensquell-teaser.teaser-2 .teaser-item:nth-of-type(1n) {
    padding: 0;
    gap: 0;
    align-items: flex-start;
    /* flex-direction: row !important; */
}

.wp-block-lebensquell-teaser.teaser-2 .teaser-item .teaser-image {
    position: relative;
    flex-shrink: 0;
}

.wp-block-lebensquell-teaser.teaser-2 .teaser-item .teaser-image img:nth-of-type(2) {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translate(calc(var(--wp--preset--spacing--7-5) * -1), calc(var(--wp--preset--spacing--15) * 1));
    object-fit: contain;
    border-radius: 0;
}

.wp-block-lebensquell-teaser.teaser-2 .teaser-item:nth-of-type(1n) .teaser-content, 
.wp-block-lebensquell-teaser.teaser-3 .teaser-item:nth-of-type(1n) .teaser-content{
    width: 50%;
    padding: 0 var(--wp--preset--spacing--15);
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 0;
}

.wp-block-lebensquell-teaser.teaser-2 .teaser-item:nth-of-type(2n + 1) .teaser-content {
    padding-right: 0;
}

.wp-block-lebensquell-teaser.teaser-2 .teaser-item:nth-of-type(2n + 2) .teaser-content {
    padding-left: 0;
}

.wp-block-lebensquell-teaser.teaser-2 .teaser-item:nth-of-type(1n) .teaser-content a {
    justify-content: flex-start !important;
}

/* TEASER 3 */
.wp-block-lebensquell-teaser.teaser-3 {
    gap: var(--wp--preset--spacing--30) 0;
}

.wp-block-lebensquell-teaser.teaser-3 .teaser-item:nth-of-type(2n) {
    padding: 0;
}

.wp-block-lebensquell-teaser.teaser-3 .teaser-item .teaser-image img {
    border-radius: 0;
    object-fit: contain;
    max-width: 270px;
}

.wp-block-lebensquell-teaser.teaser-3 .teaser-item .teaser-content {
    padding: 0 var(--wp--preset--spacing--15) !important;
    gap: var(--wp--preset--spacing--15) !important;
    width: 50%;
}

.wp-block-lebensquell-teaser.teaser-3 .teaser-item:nth-of-type(2n + 1) .teaser-content {
    padding-right: 0 !important;
}

.wp-block-lebensquell-teaser.teaser-3 .teaser-item:nth-of-type(2n + 2) .teaser-content {
    padding-left: 0 !important;
}

.wp-block-lebensquell-teaser.teaser-3 .teaser-item .teaser-content p {
    margin: 0;
}

.wp-block-lebensquell-teaser.teaser-3 .teaser-item .teaser-content a {
    color: var(--wp--preset--color--white);
    text-decoration: none;
    padding: var(--wp--preset--spacing--15) var(--wp--preset--spacing--15);
}

@media (min-width: 576px) {

    .wp-block-lebensquell-teaser .teaser-item .teaser-image img {
        max-width: 270px;
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-content .headline {
        font-size: 25px;
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-content a {
        font-size: 20px;
    }
}

@media (min-width: 768px) {

    .wp-block-lebensquell-teaser {
        margin-top: var(--wp--preset--spacing--60);
        margin-bottom: var(--wp--preset--spacing--60);
        gap: var(--wp--preset--spacing--30);
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-image img {
        max-width: 400px;
    }

    .wp-block-lebensquell-teaser .teaser-item {
        width: calc(50% - var(--wp--preset--spacing--15));
        flex-direction: row !important;
    }

    .wp-block-lebensquell-teaser .teaser-item:nth-of-type(2n) {
        padding-top: var(--wp--preset--spacing--15);
    }

    .wp-block-lebensquell-teaser .teaser-item:nth-of-type(3n),
    .wp-block-lebensquell-teaser .teaser-item:nth-of-type(4n) {
        flex-direction: row-reverse !important;
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-content {
        text-align: left !important;
        padding: var(--wp--preset--spacing--15) !important;
        justify-content: flex-start !important;
    }

    .wp-block-lebensquell-teaser .teaser-item:nth-of-type(2n) .teaser-content {
        justify-content: center !important;
    }

    .wp-block-lebensquell-teaser .teaser-item:nth-of-type(2n + 1) .teaser-content {
        padding-top: var(--wp--preset--spacing--30) !important;
    }

    .wp-block-lebensquell-teaser .teaser-item:nth-of-type(3n) .teaser-content,
    .wp-block-lebensquell-teaser .teaser-item:nth-of-type(4n) .teaser-content {
        text-align: right !important;
        padding-right: var(--wp--preset--spacing--15) !important;
        padding-left: 0 !important;
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-content svg.wave-icon {
        object-position: left center !important;
        transform: translateX(calc(-50% - var(--wp--preset--spacing--15))) !important;
        margin: unset !important;
    }

    .wp-block-lebensquell-teaser .teaser-item:nth-of-type(3n) .teaser-content svg.wave-icon,
    .wp-block-lebensquell-teaser .teaser-item:nth-of-type(4n) .teaser-content svg.wave-icon {
        object-position: right center !important;
        transform: translateX(calc(50% + var(--wp--preset--spacing--15))) !important;
        margin-left: auto !important
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-content .headline {
        font-size: 22px;
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-content a {
        font-size: 18px;
        justify-content: flex-start !important;
    }

    .wp-block-lebensquell-teaser .teaser-item:nth-of-type(3n) .teaser-content a,
    .wp-block-lebensquell-teaser .teaser-item:nth-of-type(4n) .teaser-content a {
        justify-content: flex-end !important;
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-content a svg {
        width: 25px;
        height: 25px;
    }

    /* TEASER 2 */
    .wp-block-lebensquell-teaser.teaser-2 .teaser-item {
        flex-direction: row !important;
    }

    .wp-block-lebensquell-teaser.teaser-2 .teaser-item:nth-of-type(1n) .teaser-content {
        padding: 0 var(--wp--preset--spacing--15) !important;
    }

    .wp-block-lebensquell-teaser.teaser-2 .teaser-item .teaser-image img {
        max-width: 270px;
    }

    /* TEASER 3 */
    .wp-block-lebensquell-teaser.teaser-3 .teaser-item {
        flex-direction: row !important;
    }

    .wp-block-lebensquell-teaser.teaser-3 .teaser-item:nth-of-type(1n) .teaser-content,
    .wp-block-lebensquell-teaser.teaser-3 .teaser-item .teaser-content {
        padding-top: 0 !important;
        padding-left: var(--wp--preset--spacing--15) !important;
        padding-right: var(--wp--preset--spacing--15) !important;
    }

    .wp-block-lebensquell-teaser.teaser-3 .teaser-item .teaser-image {
        width: 50%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
    }

    .wp-block-lebensquell-teaser.teaser-3 .teaser-item .teaser-image img {
        max-width: 270px;
        object-position: right center;
    }
}

@media (min-width: 992px) {

    .wp-block-lebensquell-teaser {
        gap: var(--wp--preset--spacing--30);
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-content {
        gap: var(--wp--preset--spacing--15);
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-content .headline {
        font-size: 30px;
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-content a {
        font-size: 22px;
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-content {
        width: 50%;
        min-width: 50%;
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-image {
        max-width: 50%;
    }

    /* TEASER 2 */
    .wp-block-lebensquell-teaser.teaser-2 {
        gap: var(--wp--preset--spacing--60);
    }

    .wp-block-lebensquell-teaser.teaser-2 .teaser-item {
        width: calc(50% - var(--wp--preset--spacing--30));
    }

    .wp-block-lebensquell-teaser.teaser-2 .teaser-item:nth-of-type(4n + 1),
    .wp-block-lebensquell-teaser.teaser-2 .teaser-item:nth-of-type(4n + 2) {
        padding-left: var(--wp--preset--spacing--60);
    }

    .wp-block-lebensquell-teaser.teaser-2 .teaser-item .teaser-image img {
        max-width: 200px;
    }

    .wp-block-lebensquell-teaser.teaser-2 .teaser-item .teaser-image img:nth-of-type(2) {
        width: 90px;
        height: 90px;
        transform: translate(calc(var(--wp--preset--spacing--15) * -1), calc(var(--wp--preset--spacing--30) * 1));
    }

    /* TEASER 3 */
    .wp-block-lebensquell-teaser.teaser-3 .teaser-item .teaser-content {
        padding: 0 var(--wp--preset--spacing--30) !important;
    }
}

@media (min-width: 1200px) {

    .wp-block-lebensquell-teaser .teaser-item .teaser-content .headline {
        font-size: 35px;
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-content a {
        font-size: 25px;
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-content svg.wave-icon {
        width: 150px;
    }

    /* TEASER 2 */
    .wp-block-lebensquell-teaser.teaser-2 .teaser-item .teaser-image img {
        max-width: 245px;
    }

    /* TEASER 3 */
    .wp-block-lebensquell-teaser.teaser-3 {
        gap: var(--wp--preset--spacing--60) 0;
    }
    
    .wp-block-lebensquell-teaser.teaser-3 .teaser-item:nth-of-type(1n) .teaser-content,
    .wp-block-lebensquell-teaser.teaser-3 .teaser-item .teaser-content {
        padding-top: 0 !important;
        padding-left: var(--wp--preset--spacing--30) !important;
        padding-right: var(--wp--preset--spacing--30) !important;
    }
}

@media (min-width: 1400px) {

    .wp-block-lebensquell-teaser .teaser-item .teaser-content .headline {
        font-size: 40px;
    }

    .wp-block-lebensquell-teaser .teaser-item .teaser-content svg.wave-icon {
        width: 200px;
    }

    /* TEASER 2 */
    .wp-block-lebensquell-teaser.teaser-2 {
        gap: var(--wp--preset--spacing--90);
    }

    .wp-block-lebensquell-teaser.teaser-2 .teaser-item {
        width: calc(50% - var(--wp--preset--spacing--45));
    }

    .wp-block-lebensquell-teaser.teaser-2 .teaser-item .teaser-image img {
        max-width: 270px;
    }

    .wp-block-lebensquell-teaser.teaser-2 .teaser-item .teaser-image img:nth-of-type(2) {
        width: 105px;
        height: 105px;
        transform: translate(calc(-1 * var(--wp--preset--spacing--30)), 50%);
    }
}

@media (min-width: 1600px) {

    /* TEASER 2 */
    .wp-block-lebensquell-teaser.teaser-2 {
        gap: var(--wp--preset--spacing--120) var(--wp--preset--spacing--90);
    }

    .wp-block-lebensquell-teaser.teaser-2 .teaser-item {
        width: calc(50% - var(--wp--preset--spacing--60));
    }

    .wp-block-lebensquell-teaser.teaser-2 .teaser-item:nth-of-type(4n + 1),
    .wp-block-lebensquell-teaser.teaser-2 .teaser-item:nth-of-type(4n + 2) {
        padding-left: var(--wp--preset--spacing--120);
    }

    .wp-block-lebensquell-teaser.teaser-2 .teaser-item .teaser-image img:nth-of-type(2) {
        width: 120px;
        height: 120px;
        transform: translate(calc(-1 * var(--wp--preset--spacing--30)), var(--wp--preset--spacing--45));
    }

    /* TEASER 3 */
    .wp-block-lebensquell-teaser.teaser-3 .teaser-item:nth-of-type(4n + 3),
    .wp-block-lebensquell-teaser.teaser-3 .teaser-item:nth-of-type(4n + 4) {
        padding-left: var(--wp--preset--spacing--120);
    }
}