.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;
}.zwei-bilder-block {
display: flex;
flex-wrap: wrap;
gap: 1rem;
padding-bottom: 1rem;
}
.zwei-bilder-block > div {
flex: 0 0 100%;
}
@media screen and (min-width: 40em) {
.zwei-bilder-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.zwei-bilder-block > div {
flex: 1 1 calc((100% - 1rem) / 2);
}
}
.zwei-bilder-item {
display: flex;
flex-direction: column;
justify-content: center; }
.zwei-bilder-item img {
max-width: 100%;
height: auto;
} .zwei-bilder-item.large img {
width: 100%;
}
.zwei-bilder-item.small img {
width: 70%;
margin: 0 0 0 auto;
}
.zwei-bilder-block .zwei-bilder-item.small:nth-child(2) img {
width: 70%;
margin: 0 auto 0 0;
} .zwei-bilder-item.align-top {
justify-content: flex-start;
}
.zwei-bilder-item.align-center {
justify-content: center;
}
.zwei-bilder-item.align-bottom {
justify-content: flex-end;
}
.zwei-bilder-block.placeholder {
background: #ccc;
}.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;
}