.nd-pg{position:relative;margin-bottom:clamp(40px,5.5vw,80px);padding-inline:var(--gut);--pg-luecke:clamp(16px,2.6vw,46px);--pg-arm:clamp(18px,2.6vw,48px);--pg-hoehe:clamp(430px,64vh,760px);--pg-weg:2.5vw;--pg-dauer:.75s;--pg-kurve:cubic-bezier(.65,0,.35,1)}.nd-pg__gitter{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--pg-luecke)}.nd-pg__el{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--bg-soft);--pgx:0px;--pgy:0px;transition:opacity var(--pg-dauer) var(--pg-kurve),transform var(--pg-dauer) var(--pg-kurve)}.nd-pg__el img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;display:block}.nd-pg__cta{position:absolute;top:50%;left:0;right:0;z-index:4;transform:translateY(-50%);padding:13px 10px;text-align:center;background:color-mix(in srgb,var(--ink) 84%,transparent);color:var(--bg);font-family:var(--fm);font-size:.71rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;opacity:0;transition:opacity .18s ease-out;pointer-events:none}.nd-pg__el:hover .nd-pg__cta,.nd-pg__el:focus-visible .nd-pg__cta{opacity:1}.nd-pg__ph{position:absolute;inset:0;z-index:1;display:grid;place-content:center;gap:5px;text-align:center;padding:12px;font-family:var(--fm);color:var(--ink-faint)}.nd-pg__ph b{font-size:.92rem;color:var(--ink-soft);font-weight:500}.nd-pg__ph span{font-size:.68rem;word-break:break-all}.nd-pg__vorschau{display:none}@media(min-width:900px){.nd-pg{height:var(--pg-hoehe)}.nd-pg__gitter{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);height:100%}.nd-pg__el{aspect-ratio:auto;height:100%}.nd-pg__el:nth-child(odd){--pgx:var(--pg-weg)}.nd-pg__el:nth-child(even){--pgx:calc(var(--pg-weg) * -1)}.nd-pg__el:nth-child(-n+4){--pgy:var(--pg-weg)}.nd-pg__el:nth-child(n+5){--pgy:calc(var(--pg-weg) * -1)}.nd-pg.is-rechts .nd-pg__el:nth-child(4n+3),.nd-pg.is-rechts .nd-pg__el:nth-child(4n+4),.nd-pg.is-links .nd-pg__el:nth-child(4n+1),.nd-pg.is-links .nd-pg__el:nth-child(4n+2){opacity:0;transform:translate(var(--pgx),var(--pgy))}.nd-pg__vorschau{display:grid;position:absolute;inset:0;z-index:2;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:var(--pg-luecke);pointer-events:none}.nd-pg__v{grid-column:auto / span 2;grid-row:1 / span 2;position:relative;opacity:0;transition:opacity .45s ease}.nd-pg__v.is-offen{opacity:1}.nd-pg__vbilder{position:absolute;inset:0;display:grid;overflow:hidden;background:var(--bg-soft)}.nd-pg__dia{grid-column:1;grid-row:1;position:relative;width:100%;height:100%;opacity:0;transform:scale(1.07);transition:opacity .5s ease,transform 1.1s var(--pg-kurve)}.nd-pg__dia.is-da{opacity:1}.nd-pg__v.is-offen .nd-pg__dia{transform:scale(1)}.nd-pg__dia img{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;display:block}.nd-pg__dia .nd-pg__ph b{font-size:1.3rem}.nd-pg__dia .nd-pg__ph span{font-size:.76rem}.nd-pg__maske{position:absolute;inset:0;z-index:3;background:var(--bg);clip-path:polygon( calc(50% - var(--pg-arm)) 0%,calc(50% + var(--pg-arm)) 0%,calc(50% + var(--pg-arm)) calc(50% - var(--pg-arm)),100% calc(50% - var(--pg-arm)),100% calc(50% + var(--pg-arm)),calc(50% + var(--pg-arm)) calc(50% + var(--pg-arm)),calc(50% + var(--pg-arm)) 100%,calc(50% - var(--pg-arm)) 100%,calc(50% - var(--pg-arm)) calc(50% + var(--pg-arm)),0% calc(50% + var(--pg-arm)),0% calc(50% - var(--pg-arm)),calc(50% - var(--pg-arm)) calc(50% - var(--pg-arm)) );transition:clip-path var(--pg-dauer) var(--pg-kurve)}.nd-pg__v.is-offen .nd-pg__maske{clip-path:polygon( 50% 0%,50% 0%,50% 50%,100% 50%,100% 50%,50% 50%,50% 100%,50% 100%,50% 50%,0% 50%,0% 50%,50% 50% )}.nd-pg__info{position:absolute;z-index:4;top:calc(100% + 10px);left:0;right:0;display:flex;justify-content:space-between;gap:16px;font-family:var(--fm);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.nd-pg__titel{color:var(--ink)}.nd-pg__marke{color:var(--teal);text-align:right}.nd-pg__el:focus-visible{outline:2px solid var(--teal);outline-offset:3px}}@media(prefers-reduced-motion:reduce){.nd-pg__vorschau{display:none !important}.nd-pg__el{transition:none}.nd-pg.is-aktiv .nd-pg__el{opacity:1;transform:none}}