.block-bild-zwei-drittel {
display: flex;
flex-direction: column;
padding-bottom: 1rem;
}
.block-bild-zwei-drittel .bild-wrapper {
flex: 0 0 calc(((100% - 2rem) / 3 * 2) + 1rem);
}
.block-bild-zwei-drittel .text-wrapper {
flex: 1;
}
.block-bild-zwei-drittel.right {
flex-direction: column-reverse;
} @media (min-width: 40rem) {
.block-bild-zwei-drittel {
flex-direction: row;
gap: 1rem;
}
.block-bild-zwei-drittel.right {
flex-direction: row;
}
.block-bild-zwei-drittel.right .text-wrapper{
text-align: right;
}
}  .block-bild-zwei-drittel.valign-top {
align-items: flex-start;
}
.block-bild-zwei-drittel.valign-center {
align-items: center;
}
.block-bild-zwei-drittel.valign-bottom {
align-items: flex-end;
} .block-bild-zwei-drittel .bild-wrapper img {
display: block;
width: 100%;
height: auto;
} .block-bild-zwei-drittel.placeholder {
border: 1px dashed #ccc;
text-align: center;
color: #666;
}.block-drei-bilder {
display: flex;
flex-direction: column;
gap: 1rem;
padding-bottom: 1rem;
--border-bottom: solid 1rem orange;
}
.block-drei-bilder .bild-wrapper {
flex: 100%;
}
.block-drei-bilder .bild-wrapper img {
display: block;
width: 100%;
height: auto;
}
.block-drei-bilder .bild-wrapper img {
display: block;
width: 100%;
height: auto;
} @media (min-width: 40rem) {
.block-drei-bilder {
flex-direction: row;
}
.block-drei-bilder .bild-wrapper {
flex: 0 0 calc((100% - 2rem) / 3);
}
} .block-drei-bilder.placeholder {
border: 1px dashed #ccc;
padding: 1rem;
text-align: center;
color: #666;
} .block-drei-bilder .bild-wrapper.align-top {
align-self: flex-start;
}
.block-drei-bilder .bild-wrapper.align-center {
align-self: center;
}
.block-drei-bilder .bild-wrapper.align-bottom {
align-self: flex-end;
}