.wp-block-lazyblock-zitate {
    margin-top: 40px;
    margin-bottom: 70px;
}

.lazyblock-zitate-einzel .lazyblock-zitat {
    display: grid;
    grid-template-columns: 35% 1fr;
}
.lazyblock-zitat {
    background: #fff;
    border-radius: 40px 0 40px 40px;
}
.lbz-firma {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: var(--midnight);
    border-radius: 40px 0 40px 40px;
    padding: 40px;
    color: #fff;
}
body .lbz-firma img {
    border-radius: 0;
    margin-bottom: 10px;
    width: 200px;
    max-width: 100%;
    height: auto;
}
.lbz-kasseort {
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: 18px;
}
.lbz-kasseort span {
    display: block;
    font-family: "BRNebulaBold";
    white-space: nowrap;
}
.lbz-vorteil {
    display: flex;
    flex-direction: column;;
}
.lbz-vorteil span.lbz-vorteil-text {
    display: block;
    font-size: 0.8em;
    font-family: "BRNebulaBold"; 
    margin-bottom: 10px;
}
.lbz-vorteil span.lbz-vorteil-value {
    font-size: 7rem;
    white-space: nowrap;
}

.lbz-person {
    display: grid;
    grid-template-columns: 1fr 170px;
}
body .lbz-image img {
    border-radius: 40px 0 40px 40px;
    width: auto;
    height: auto;
}
.lbz-name {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    padding: 20px 20px 20px 40px;
}
.lbz-bewertung {
    display: flex;
    gap: 5px;
    padding: 0 0 15px;
}
.lbz-bewertung svg {
    fill: #FCD33D;
}
.lbz-zitate {
    position: relative;
    padding: 40px 40px 60px 80px;
}
.lbz-zitate::before {
    position: absolute;
    left: 40px;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.309 17.708C22.196 15.66 22.006 13.03 22 13V5a1 1 0 0 0-1-1h-6c-1.103 0-2 .897-2 2v7a1 1 0 0 0 1 1h3.078a2.9 2.9 0 0 1-.429 1.396c-.508.801-1.465 1.348-2.846 1.624l-.803.16V20h1c2.783 0 4.906-.771 6.309-2.292m-11.007 0C11.19 15.66 10.999 13.03 10.993 13V5a1 1 0 0 0-1-1h-6c-1.103 0-2 .897-2 2v7a1 1 0 0 0 1 1h3.078a2.9 2.9 0 0 1-.429 1.396c-.508.801-1.465 1.348-2.846 1.624l-.803.16V20h1c2.783 0 4.906-.771 6.309-2.292"/></svg>');
    width: 20px;
    height: 20px;
}

.tns-controls {
    margin: 10px auto 0;
    text-align: right;
}
.tns-controls button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--midnight);
    border-radius: 50px;
    color: var(--midnight);
}
.tns-controls button+button {
    margin-left: 10px;
}
.tns-controls button svg {
    height: 28px;
    width: 28px;
}

@media (max-width: 1024px) {
    .lazyblock-zitate-doppel .lbz-person {
        grid-template-columns: 1fr;
    }
    .lazyblock-zitate-doppel .lbz-person .lbz-image {
        grid-row-start: 1;
    }
    .lbz-kasseort {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .lazyblock-zitate-einzel .lazyblock-zitat {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .lbz-zitate {
        padding: 70px 40px 60px 40px;
    }
    .lbz-zitate::before {
        top: 20px;
        width: 30px;
        height: 30px;
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 30 30"><path fill="currentColor" d="M20.309 17.708C22.196 15.66 22.006 13.03 22 13V5a1 1 0 0 0-1-1h-6c-1.103 0-2 .897-2 2v7a1 1 0 0 0 1 1h3.078a2.9 2.9 0 0 1-.429 1.396c-.508.801-1.465 1.348-2.846 1.624l-.803.16V20h1c2.783 0 4.906-.771 6.309-2.292m-11.007 0C11.19 15.66 10.999 13.03 10.993 13V5a1 1 0 0 0-1-1h-6c-1.103 0-2 .897-2 2v7a1 1 0 0 0 1 1h3.078a2.9 2.9 0 0 1-.429 1.396c-.508.801-1.465 1.348-2.846 1.624l-.803.16V20h1c2.783 0 4.906-.771 6.309-2.292"/></svg>');
    }
}

@media (max-width: 480px) {
    .lbz-person {
        grid-template-columns: 1fr 100px;
    }
}