:root{
  --max-width:1220px;
  --gap:36px;
  --muted:#6b6b6b;
  --accent:#111;
  --line:#e6e6e6;
}

/* Wrapper mit identischen Seiteneinzügen wie News */
.co_wrap{
  max-width: var(--max-width);
  margin: 40px auto;    /* wie news: oben/unten 40px Abstand */
  padding: 0 20px;      /* identisch zu news.css */
  display: grid;
  grid-template-columns: 260px 1fr 320px;
  gap: var(--gap);
  align-items: start;
}

/* left column */
.co_left{padding-left:8px;}
.co_eyebrow{font-size:13px;color:var(--muted);letter-spacing:0.02em;margin:0 0 18px 0;}
.co_h1{font-size:48px;line-height:1.02;margin:0 0 18px 0;font-weight:600;}
.co_lead{color:var(--muted);max-width:220px;margin-bottom:22px;font-size:15px;}
.co_cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border:0;
  background:transparent;
  font-weight:700;
  text-transform:uppercase;
  cursor:default;
  letter-spacing:0.03em;
}
.co_cta .co_chev{border:0;font-size:14px;}

/* center column */
.co_center{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.co_hero{
  background:transparent;   /* kein grauer Hintergrund */
  border-radius:0;          /* keine Rundung */
  overflow:hidden;
  box-shadow:none;          /* Schatten entfernt */
  padding:0;
  margin:0;
}
/* Bild im Content: maximale Breite 500px */
.co_hero img{
  width:100%;
  max-width:500px;   /* <- Bild auf 500px begrenzt */
  height:auto;
  object-fit:cover;
  display:block;
  margin:0 auto;     /* zentriert */
}
.co_meta{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;padding:14px 4px 0 4px;}
.co_title{font-size:34px;margin:6px 0;line-height:1.08;font-weight:700;}
.co_excerpt{color:var(--muted);max-width:620px;font-size:15px;margin-bottom:10px;}

/* right column */
.co_right{border-left:1px solid var(--line);padding-left:22px;}
.co_list-item{padding:18px 0;border-bottom:1px solid rgba(0,0,0,0.03);}
.co_cat{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px;}
.co_h{font-size:18px;margin:0 0 6px 0;line-height:1.06;font-weight:700;}
.co_list-item p{margin:0;color:var(--muted);font-size:14px;}

/* responsive */
@media(max-width:1100px){
  .co_wrap{
    grid-template-columns:1fr;
    padding:20px;
    gap:18px;
  }
  .co_left{order:1;}
  .co_center{order:2;}
  .co_right{order:3;border-left:0;padding-left:0;}
  .co_hero img{height:auto;}
  .co_h1{font-size:36px;}
}