/* Nur Abstände für eigene Inhaltsseiten. Die ursprüngliche Gestaltung bleibt unverändert. */
.back-link { display:inline-block; margin-top:36px; color:var(--lime); font-size:13px; }
.projects { padding-top:45px; }
.about { margin-top:36px; }

/* Aufklappbarer Projekttext; gemeinsames schwarzes Erscheinungsbild bleibt erhalten. */
.project-details { grid-column:2 / -1; color:var(--muted); font-size:13px; line-height:1.9; }
.project-details summary { color:var(--lime); cursor:pointer; padding:8px 0; }
.project-details h4 { color:var(--ink); font-size:16px; margin:24px 0 10px; font-weight:500; }
.project-details p { margin:12px 0; }
@media(max-width:800px) { .project-details { grid-column:2 / -1; grid-row:3; } }

/* Ohne Schlussabsatz einen kompakten Abstand zum Projektseitenfuß verwenden. */
#projekte{padding-bottom:28px}

/* Eigene Projektfotos: proportional, vergrößerbar und ohne zusätzliche Leerflächen. */
.project-photo{margin:16px 0;max-width:760px}
.project-photo a,.project-photo img{display:block}
.project-photo img{width:100%;height:auto;border:1px solid var(--line)}
.project-photo figcaption{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.6}

/* Kurzer Quellenverweis im Lebensweg, ohne fremde Bilder oder Artikelkopie. */
.press-reference{margin:16px 0;padding:0 0 0 16px;border-left:2px solid var(--line)}
.press-reference h3{margin:0 0 8px}
body .about .press-reference p{margin:8px 0}
body .about .press-reference .press-source{font-size:12px}
.press-reference>a{display:inline-block;color:var(--lime);font-size:13px;padding:8px 0;text-decoration:underline;text-underline-offset:3px}