/* PERLE 3D — Abschnitt in der GLASWAND-Seite (eigene kleine Formensprache: Grenzlinie, Fahrplan-Kopf) */
#perle3d{position:relative;overflow:hidden}
#perle3d .p3-grid{display:grid;gap:28px;align-items:center}
@media(min-width:960px){#perle3d .p3-grid{grid-template-columns:1.35fr 1fr}}
#perle3d .p3-bild{position:relative;display:block;border:1px solid var(--line,#2a2624)}
#perle3d .p3-bild img{width:100%;aspect-ratio:16/9;object-fit:cover}
#perle3d .p3-bild::after{content:"";position:absolute;top:0;bottom:0;left:38%;width:2px;background:var(--rot,#e2001a);box-shadow:0 0 22px var(--rot,#e2001a)}
#perle3d .p3-bild span{position:absolute;left:12px;bottom:10px;font-size:11px;letter-spacing:.14em;color:var(--chalk,#f2eee6);text-shadow:0 1px 8px #000}
#perle3d .p3-titel{font-family:var(--serif);font-size:clamp(44px,6vw,86px);line-height:.95;margin:0}
#perle3d .p3-titel em{display:block;font-weight:400;font-size:.36em;color:var(--dim,#a8a49c);margin-top:.35em}
#perle3d .p3-text{font-size:13px;color:var(--dim,#a8a49c);margin:18px 0}
#perle3d .p3-plan{list-style:none;margin:0 0 22px;padding:0;font-size:12px;border-top:2px solid var(--rot,#e2001a)}
#perle3d .p3-plan li{display:grid;grid-template-columns:52px 40px 1fr;gap:10px;padding:6px 0;border-bottom:1px solid var(--line,#2a2624);color:var(--dim,#a8a49c)}
#perle3d .p3-plan b{color:var(--chalk,#f2eee6);font-weight:700}
#perle3d .p3-plan i{font-style:normal;text-align:center;background:var(--chalk,#f2eee6);color:var(--ink,#0a0806);font-weight:700}
#perle3d .p3-plan li.j i{background:var(--rot,#e2001a);color:var(--chalk,#f2eee6)}
#perle3d .p3-knopf{display:flex;flex-wrap:wrap;gap:10px}
#perle3d .p3-knopf .gruen{border-color:var(--gruen,#28d232);color:var(--gruen,#28d232)}
#perle3d .p3-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:22px}
#perle3d .p3-strip a{border:0;display:block}
#perle3d .p3-strip img{aspect-ratio:16/9;object-fit:cover}

/* YouTube + Sketchfab (09.10.2026) */
#perle3d .p3-video{min-width:0}
#perle3d .p3-frame,#perle3d .p3-sf-frame{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--line,#2a2624)}
#perle3d .p3-sf-frame{aspect-ratio:21/9}
@media(max-width:719px){#perle3d .p3-sf-frame{aspect-ratio:4/3}}
#perle3d .p3-frame iframe,#perle3d .p3-sf-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#perle3d .p3-cap{font-size:11px;color:var(--dim,#a8a49c);margin:8px 0 0}
#perle3d .p3-cap strong{color:var(--chalk,#f2eee6);font-weight:400}
#perle3d .p3-sf{margin-top:26px}
#perle3d .p3-plan b a{border:0;color:inherit}
#perle3d .p3-plan b a:hover{color:var(--rot2,#ff2a3f)}