/* Bildbänder rechts und links vom Text — lückenlos, vom Rand bis zur Textspalte.
   Platzhalter in drei Cremetönen; echte Fotos: object-fit:cover, gleiche Breite, verschiedene Höhen. */
.mit-baendern{display:block}
.band{display:none}
@media (min-width:1100px){
  .mit-baendern{display:grid;grid-template-columns:1fr var(--satz) 1fr;column-gap:56px;align-items:start;
    margin:64px calc(var(--rand) * -1) 0}   /* bis an den Fensterrand */
  .mit-baendern > main{margin:0}
  .band{display:flex;flex-direction:column;gap:0;overflow:hidden;align-self:stretch;max-height:100%}
  .band figure{margin:0;position:relative;width:100%;aspect-ratio:4/3;background:var(--creme)}
  .band figure.b1{background:#E4DAC7;aspect-ratio:3/4}
  .band figure.b2{background:#DDD5C6;aspect-ratio:1/1}
  .band figure img{display:block;width:100%;height:100%;object-fit:cover}
  .band figcaption{position:absolute;left:16px;bottom:12px;font-family:"Architects Daughter","Segoe Print",cursive;font-size:19px;line-height:24px;color:var(--nachtblau)}
  .band.rechts figcaption{left:auto;right:16px}
}
@media (min-width:1400px){
  .mit-baendern{column-gap:80px}
}