body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f4f4f4; }
h2 { color:#E3000F; margin-top:0; margin-bottom:0 }
h3 { color:#E3000F; margin-top:0; margin-bottom:10px; }

.flyer-container { display:flex; flex-direction:column; align-items:center; gap:20px; padding:20px; font-family:Arial, sans-serif; max-width:600px; margin:auto; border:1px solid #ccc; border-radius:12px; }
.header { background: #e30613; color: #fff; text-align: center; padding: 20px 15px; }

.header h1 { margin: 0; font-size: clamp(1.5rem, 4vw, 2.5rem); line-height: 1.2;}
a { color:#000000; }
.mittig { text-align: center; margin-top:0; margin-bottom:0; }
.linksbuendig { text-align: left; margin-top:0; margin-bottom:0; }
.rechtsbuendig { text-align: right; margin-top:0; margin-bottom:0; }
.flex-container { display:flex; flex-direction:column; gap:15px; width:100%;}
.flex-item { display: flex; gap: 20px; background:#f5f5f5; padding:15px; border-radius:10px; align-items: flex-start; }
.flex-item img { width:300px; height:auto; align-self:flex-start; }
.flex-item-a { flex: 0 0 300px; }
.flex-item-b { flex: 1; }
@media (max-width: 768px) {
  .flex-item {
    flex-direction: column;
  }
  .flex-item-a,
  .flex-item-b {
    width: 100%;
    flex: unset;
  }
  .flex-item-a img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}