.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;
}.content-center.block-ein-bild-full {
width: 100%;
margin:0 0;
} @media screen and (min-width: 66.66rem) {
.content-center.block-ein-bild-full {
width: 66.66rem;
margin:0 auto;
}
}
.block-ein-bild {
padding-bottom:1rem;
}
.block-ein-bild img {
height: auto;
display: block;
} .block-ein-bild-large img {
width: 100%;
max-width: 100%;
}
.block-ein-bild-small img {
width: 70%;
max-width: 70%;
margin: 0 auto;
} .block-ein-bild.placeholder {
border: 1px dashed #ccc;
text-align: center;
color: #666;
}