/* Nur der Projektbereich – unveränderte orangefarbene Designvariablen. */
#projekte .projects-no-mockups { border-top: 1px solid var(--border); }
#projekte .projects-no-mockups .project-item {
  position: relative;
  display: grid;
  grid-template-columns: 112px minmax(0,1fr);
  align-items: start;
  gap: clamp(24px, 4vw, 64px);
  padding: 49px 0 52px;
  border-bottom: 1px solid var(--border);
}
#projekte .projects-no-mockups .project-item::before {
  content: "";
  position: absolute;
  top: -1px; left: 0;
  height: 1px; width: 0;
  background: var(--accent);
  opacity: .7;
  transition: width .45s ease;
  pointer-events: none;
}
#projekte .projects-no-mockups .project-item:hover::before { width: 100%; }
#projekte .projects-no-mockups .project-ident {
  display: flex;
  flex-direction: column;
  gap: 19px;
  padding-top: 11px;
}
#projekte .projects-no-mockups .project-number {
  font-family: var(--sans);
  font-weight: 690;
  font-size: clamp(59px, 6.2vw, 88px);
  line-height: .9;
  letter-spacing: -.075em;
  color: var(--accent);
}
#projekte .projects-no-mockups .project-ident::after {
  content: "";
  display: block;
  height: 2px;
  width: 39px;
  background: var(--accent);
  opacity: .6;
}
#projekte .projects-no-mockups .project-ident-note {
  font: 10px var(--mono);
  line-height: 1.6;
  letter-spacing: .07em;
  color: var(--muted);
}
#projekte .projects-no-mockups .project-content {
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  column-gap: clamp(25px,4.5vw,72px);
  row-gap: 0;
  min-width: 0;
  align-self: stretch;
}
#projekte .projects-no-mockups .project-top {
  grid-column: 1/-1;
  grid-row: 1;
  margin: 0 0 21px;
}
#projekte .projects-no-mockups .project-content h3 {
  grid-column: 1;
  grid-row: 2;
  font-size: clamp(38px,4vw,53px);
  line-height: 1.08;
  margin: 0 0 10px;
}
#projekte .projects-no-mockups .project-subtitle {
  grid-column: 1;
  grid-row: 3;
  max-width: 420px;
  line-height: 1.65;
  margin: 0 0 22px;
}
#projekte .projects-no-mockups .project-description {
  grid-column: 2;
  grid-row: 2 / span 2;
  align-self: start;
  font-size: 15px;
  line-height: 1.9;
  margin: 0 0 18px;
  max-width: 580px;
}
#projekte .projects-no-mockups .tag-row {
  grid-column: 1;
  grid-row: 4;
  align-self: start;
}
#projekte .projects-no-mockups .project-more {
  grid-column: 2;
  grid-row: 4;
  align-self: end;
  margin: 0;
  min-height: 54px;
}
#projekte .projects-no-mockups .project-expansion {
  grid-column: 1/-1;
  grid-row: 5;
  margin-top: 27px;
  padding: 12px 0 12px 20px;
  border-left: 2px solid var(--accent);
  max-width: 850px;
}
#projekte .projects-no-mockups .project-expansion[hidden] { display: none !important; }
@media (max-width: 1000px) {
  #projekte .projects-no-mockups .project-item { grid-template-columns: 85px minmax(0,1fr); gap: 24px; }
  #projekte .projects-no-mockups .project-content { display: block; }
  #projekte .projects-no-mockups .project-top { margin-bottom: 16px; }
  #projekte .projects-no-mockups .project-content h3 { font-size: clamp(33px,5vw,45px); }
  #projekte .projects-no-mockups .project-subtitle { margin-bottom: 13px; }
  #projekte .projects-no-mockups .project-description { max-width: 650px; margin-bottom: 22px; }
  #projekte .projects-no-mockups .project-more { margin-top: 21px; }
}
@media (max-width: 700px) {
  #projekte .projects-no-mockups .project-item { grid-template-columns: 45px minmax(0,1fr); gap: 15px; padding: 35px 0 39px; }
  #projekte .projects-no-mockups .project-ident { padding-top: 5px; gap: 13px; }
  #projekte .projects-no-mockups .project-number { font-size: 40px; }
  #projekte .projects-no-mockups .project-ident::after { width: 23px; }
  #projekte .projects-no-mockups .project-ident-note { font-size: 8px; }
  #projekte .projects-no-mockups .project-content h3 { font-size: clamp(29px,7.5vw,42px); }
  #projekte .projects-no-mockups .project-description { font-size: 13px; line-height: 1.82; }
  #projekte .projects-no-mockups .project-more { margin-top: 17px; }
}
@media (max-width: 390px) {
  #projekte .projects-no-mockups .project-item { grid-template-columns: 35px minmax(0,1fr); gap: 10px; }
  #projekte .projects-no-mockups .project-number { font-size: 34px; }
  #projekte .projects-no-mockups .project-ident-note { font-size: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  #projekte .projects-no-mockups .project-item::before { transition: none; }
}