/* Poster & Plakate header, version C6 from Paper (16.10.2026): wordmark "Poster & Flyer" in Rampart One, tilted -3°, set
   tight and running off the right edge; headline in serif below, four points, poster wall across the full width. */
@font-face { font-family: "Rampart One"; src: url("/fonts/RampartOne-Regular-latin.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } /* OFL, fonts/rampartone-license.txt */
.ph { position: relative; padding-top: 7rem; overflow-x: clip; }
.ph_mark { margin: 0 0 0 -.7vw; font-family: "Rampart One", var(--_typography---font-styles--heading); font-size: 17.36vw; line-height: 1.28; letter-spacing: -0.08em; color: #111; white-space: nowrap; rotate: -3deg; transform-origin: 0 0; height: 23.6vw; }
.ph_h1 { max-width: 15.7em; margin: 0; font-family: var(--_typography---font-styles--heading); font-size: 2.625rem; font-weight: 400; line-height: 1.14; letter-spacing: -0.02em; color: #111; text-wrap: balance; }
.ph_points { display: flex; justify-content: space-between; gap: 1.5rem; margin: 3rem 0 0; padding: 0 0 3.5rem; list-style: none; font-family: var(--_typography---font-styles--body); font-size: 1.1875rem; font-weight: 500; line-height: 1.37; color: #2a2a2a; }
.ph_wall { display: block; width: 100%; height: clamp(18rem, 44.4vw, 44rem); object-fit: cover; }
@media (max-width: 991px) { .ph { padding-top: 6rem; } .ph_h1 { font-size: 2.25rem; } .ph_points { flex-wrap: wrap; justify-content: flex-start; gap: .75rem 2rem; font-size: 1rem; } }
@media (max-width: 719px) { .ph { padding-top: 5.5rem; } .ph_h1 { font-size: min(1.875rem, 8vw); } .ph_points { display: grid; grid-template-columns: 1fr 1fr; margin-top: 2rem; padding-bottom: 2.5rem; font-size: .9375rem; } }
.ph_points li { margin: 0; padding: 0; }
/* Paper comments 20.10.2026: 834 "typo visual etwas weiter nach oben und dadurch mehr space nach unten ab hier";
   600 "ab hier die 4 dinger einfach direkt hintereinander, dass es aussieht wie ein paragraph" */
@media (max-width: 991px) { body .ph { padding-top: 4rem; } body .ph_mark { margin-bottom: 2rem; } }
@media (max-width: 719px) { body .ph { padding-top: 3.5rem; } body .ph_points { display: block; } body .ph_points li { display: inline; margin-right: .35em; } }
/* 21.10.2026, Christian at ~360: "mehr space, das obere type visual darf nicht abgeschnitten werden" - below 992 the tilted
   "Poster & Flyer" is sized to fit the width and gets more room under the nav */
@media (max-width: 991px) { body .ph { padding-top: 6rem; } body .ph_mark { font-size: 14.6vw; } }
@media (max-width: 719px) { body .ph { padding-top: 5rem; } }