/* ==================================================================
   Projektbericht (einzelner Beitrag)

   Die 724 bestehenden Beiträge sind normale Gutenberg-Inhalte:
   Einleitungsabsatz → Liste der Arbeiten → Bilder.
   Das Layout wird deshalb rein per CSS darübergelegt — der Inhalt
   selbst muss nicht angefasst werden.
   ================================================================== */

.wrap{max-width:1080px;margin:0 auto;padding:0 44px}

/* ---------- Breadcrumb + Kopf ---------- */
.crumb{padding:26px 0 0;font-size:14px;color:var(--g500)}
.crumb a:hover{color:var(--red)}
.crumb .sep{color:var(--g300);margin:0 8px}
.phead{padding:22px 0 34px;border-bottom:1px solid var(--g200)}
.phead .tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.phead .tag{font-family:var(--mono);font-size:12px;color:var(--red);border:1px solid var(--g200);padding:5px 11px}
.phead .tag:hover{border-color:var(--red)}
.phead h1{font-family:var(--ultra);font-weight:900;font-size:clamp(30px,4vw,50px);line-height:1.08;letter-spacing:-.015em;max-width:900px}

/* ---------- Beitragsbild ---------- */
.leadimg{margin:34px 0 0}
.leadimg img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--g100)}

/* ---------- Inhalt ---------- *
   Zweispaltiges Raster: Text volle Breite, aufeinanderfolgende
   Bilder rutschen automatisch nebeneinander.                        */
.pbody{padding:46px 0 10px}
.entry{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;align-items:start}
.entry > *{grid-column:1/-1;margin:0}
.entry > p{font-size:17px;line-height:1.65;color:var(--g700)}
.entry > p:first-of-type{font-weight:300;font-size:19px;line-height:1.6}
.entry > h2{font-weight:900;font-size:clamp(22px,3vw,30px);letter-spacing:-.02em;margin-top:18px}
.entry > h3{font-weight:900;font-size:20px;letter-spacing:-.01em;margin-top:12px}
.entry a{color:var(--red);font-weight:700}
.entry a:hover{text-decoration:underline}

/* Arbeitsliste → Kasten wie im Entwurf */
.entry > ul,.entry > ol{list-style:none;border:1px solid var(--ink);padding:26px 26px 30px}
.entry > ul li,.entry > ol li{font-size:15px;line-height:1.4;color:var(--ink);padding:12px 0 12px 22px;border-top:1px solid var(--g100);position:relative}
.entry > ul li:first-child,.entry > ol li:first-child{border-top:0;padding-top:0}
.entry > ul li::before,.entry > ol li::before{content:"";position:absolute;left:0;top:19px;width:11px;height:2px;background:var(--red)}
.entry > ul li:first-child::before,.entry > ol li:first-child::before{top:7px}

/* Bilder → halbe Breite, dadurch Galerie-Raster */
.entry > figure.wp-block-image{grid-column:span 1}
.entry > figure.wp-block-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--g100)}
.entry > figure.wp-block-image figcaption{margin-top:10px;font-size:14px;color:var(--g500)}
.entry > .wp-block-image.size-full,.entry > figure.alignwide,.entry > figure.alignfull{grid-column:1/-1}
.entry > .wp-block-gallery{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.entry > .wp-block-gallery figure{margin:0}
.entry > .wp-block-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.entry > .wp-block-embed,.entry > .wp-block-video{grid-column:1/-1}
.entry > .wp-block-spacer{display:none}
.entry > .wp-block-quote{border-left:3px solid var(--red);padding-left:20px;font-size:18px;font-weight:300;color:var(--g700)}
.entry > .wp-block-table{overflow-x:auto}
.entry table{border-collapse:collapse;width:100%;font-size:15px}
.entry td,.entry th{border:1px solid var(--g200);padding:10px 12px;text-align:left}

/* ---------- Verwandte Beiträge ---------- */
.rel{max-width:1080px;margin:0 auto;padding:64px 44px 0}
.rel .rh{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--ink);padding:22px 0 0}
.rel .rh h2{font-weight:900;font-size:clamp(22px,3vw,30px);letter-spacing:-.02em}
.rel .rh a{font-size:14px;font-weight:700;color:var(--red)}
.rcards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}
.rcard{display:flex;gap:20px;align-items:center;border:1px solid var(--g200);padding:16px;transition:border-color .15s}
.rcard:hover{border-color:var(--ink)}
.rcard .im{width:150px;flex-shrink:0;aspect-ratio:4/3;background-size:cover;background-position:center;background-color:var(--g100)}
.rcard .mk{font-size:12px;color:var(--red);font-weight:700}
.rcard h3{font-weight:900;font-size:17px;letter-spacing:-.01em;line-height:1.15;margin-top:4px}
.rcard:hover h3{color:var(--red)}

.contact{margin-top:76px}

@media(max-width:900px){
  .wrap,.rel{padding-left:24px;padding-right:24px}
  .entry{grid-template-columns:1fr}
  .entry > figure.wp-block-image{grid-column:1/-1}
  .entry > .wp-block-gallery{grid-template-columns:1fr}
  .rcards{grid-template-columns:1fr}
  .rcard .im{width:120px}
}