.pp-projekte { margin: 0; }
.pp-projekte__content { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1120px; padding: 2rem 1rem; }
.pp-projekte-hero { background: var(--pp-projekte-hero-bg, #073f35); box-sizing: border-box; color: var(--pp-projekte-hero-text, #ffffff); left: 50%; margin-left: -50vw; margin-right: -50vw; padding-bottom: var(--pp-projekte-hero-pb, 88px); padding-top: var(--pp-projekte-hero-pt, 88px); position: relative; right: 50%; width: 100vw; }
.pp-projekte-hero__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: var(--pp-projekte-hero-max, 1120px); padding-left: 1rem; padding-right: 1rem; }
.pp-projekte-hero--center { text-align: center; }
.pp-projekte-hero--center .pp-projekte-hero__headline, .pp-projekte-hero--center .pp-projekte-hero__intro { margin-left: auto; margin-right: auto; }
.pp-projekte-hero__kicker { color: inherit; font-size: 0.95rem; font-weight: 700; letter-spacing: 0.01em; margin-bottom: 1.25rem; opacity: 0.95; }
.pp-projekte-hero__headline { color: inherit; font-size: clamp(2.25rem, 4.5vw, 4.25rem); line-height: 1.08; margin: 0; max-width: 940px; }
.pp-projekte-hero__intro { color: inherit; font-size: 1.15rem; line-height: 1.55; margin-bottom: 0; margin-top: 1.5rem; max-width: 760px; opacity: 0.94; }
.pp-projekte__grid { display: grid; gap: 1.5rem; }
.pp-projekte--cols-1 .pp-projekte__grid { grid-template-columns: 1fr; }
.pp-projekte--cols-2 .pp-projekte__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pp-projekte--cols-3 .pp-projekte__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pp-projekte--cols-4 .pp-projekte__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pp-projekt-card { background: #fff; border: 1px solid rgba(0,0,0,.12); border-radius: 12px; overflow: hidden; }
.pp-projekt-card__link { color: inherit; display: block; height: 100%; text-decoration: none; }
.pp-projekt-card__image img, .pp-projekt-single__image img { display: block; height: auto; width: 100%; }
.pp-projekt-card__body { padding: 1rem; }
.pp-projekt-card__title { margin: 0 0 .5rem; }
.pp-projekt-card__title::after { background: var(--pp-projekte-accent, #222); content: ''; display: block; height: 3px; margin-top: .5rem; width: 48px; }
.pp-projekt-card__excerpt { font-size: .95rem; }
.pp-projekt-single { margin: 0 auto; max-width: 1120px; padding: 2rem 1rem; }
.pp-projekt-single__title { margin-bottom: 1rem; }
.pp-projekt-single__content { margin-top: 2rem; }
@media (max-width: 900px) { .pp-projekte--cols-3 .pp-projekte__grid, .pp-projekte--cols-4 .pp-projekte__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .pp-projekte--cols-2 .pp-projekte__grid, .pp-projekte--cols-3 .pp-projekte__grid, .pp-projekte--cols-4 .pp-projekte__grid { grid-template-columns: 1fr; } .pp-projekte-hero { padding-bottom: calc(var(--pp-projekte-hero-pb, 88px) * .6); padding-top: calc(var(--pp-projekte-hero-pt, 88px) * .6); } }