/* Unterseiten V4 (06.09.2026): Foto-Hero, Foto-Band, Galerie, Team, Fotokarten. Tokens aus base.css. */
.v4-page-hero{position:relative;min-height:560px;height:clamp(560px,66vh,760px);max-width:1800px;margin:auto;isolation:isolate;overflow:hidden;background:var(--paper)}
.v4-page-hero.tall{height:clamp(640px,80vh,880px)}
.v4-page-scene{position:absolute;inset:0;z-index:-2}.v4-page-scene>img{width:100%;height:100%;object-fit:cover}
.v4-page-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#faf9f6 0%,#faf9f6 34%,#faf9f6f5 46%,#faf9f6cc 56%,#faf9f666 68%,#faf9f600 80%),linear-gradient(0deg,#faf9f6 0%,#faf9f600 20%)}
.v4-page-copy{position:relative;padding:88px 0 96px;max-width:760px}
.v4-page-copy h1{font-size:clamp(52px,5.6vw,88px);letter-spacing:-.055em;font-weight:700;line-height:.98;max-width:11ch}
.v4-page-copy .v4-lead{font-size:18px;line-height:1.65;max-width:480px;margin-top:28px;color:#464d4c}
.v4-page-copy .art-actions{margin-top:32px;gap:12px}
.v4-page-card{right:6%;bottom:18%;min-height:84px;padding:18px 20px;gap:14px}.v4-page-card strong{font-size:15px}.v4-page-card small{font-size:11px}
.v4-page-hero .hero-disclosure{bottom:auto;top:16px;right:16px}
.v4-band{position:relative;padding-block:96px 64px;max-width:1800px;margin:64px auto 0;isolation:isolate}
.v4-band-scene{position:absolute;right:0;left:38%;top:0;height:640px;z-index:-2;overflow:hidden;border-radius:24px 0 0 24px}.v4-band-scene>img{height:100%;width:100%;object-fit:cover}
.v4-band-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#faf9f6 0%,#faf9f6f0 10%,#faf9f688 28%,#faf9f600 48%),linear-gradient(0deg,#faf9f6,transparent 30%)}
.v4-band-scene>.art-disclosure{left:auto;right:24px;bottom:auto;top:16px}
.v4-band-copy{min-height:460px;position:relative;max-width:640px}.v4-band-copy .num{display:block;margin-bottom:24px}.v4-band-copy .rule-break{width:200px;margin-bottom:32px}
.v4-band-copy h2{font-size:clamp(38px,4vw,60px);line-height:1.02;max-width:560px}.v4-band-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:420px;margin-top:24px}.v4-band-copy>.button{margin-top:32px}
.v4-band-left .v4-band-scene{left:0;right:38%;border-radius:0 24px 24px 0}.v4-band-left .v4-band-scene::after{background:linear-gradient(270deg,#faf9f6 0%,#faf9f6f0 10%,#faf9f688 28%,#faf9f600 48%),linear-gradient(0deg,#faf9f6,transparent 30%)}.v4-band-left .v4-band-copy{margin-left:auto;margin-right:0;padding-left:0}.v4-band-left>.wrap{display:flex;justify-content:flex-end}.v4-band-left .v4-band-copy{width:min(640px,50%)}
.v4-team{padding-block:96px 64px}
.v4-team-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.v4-team-grid figure{margin:0}.v4-team-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;background:var(--soft)}
.v4-team-grid figcaption{padding-top:14px}.v4-team-grid strong{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}.v4-team-grid small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.v4-team-grid .spec{display:block;margin-top:8px;font-size:10px}
.v4-team-credit{margin-top:24px}
.v4-cards-section{padding-block:96px 64px}
.v4-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.v4-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .2s var(--ease),border-color .2s var(--ease)}.v4-card:hover{transform:translateY(-3px);border-color:var(--orange)}
.v4-card figure{position:relative;margin:0;width:100%;aspect-ratio:4/3;overflow:hidden}.v4-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.v4-card:hover img{transform:scale(1.04)}
.v4-card figure>.art-disclosure{left:auto;right:12px;top:12px;bottom:auto}
.v4-card-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-dark);padding:24px 24px 0}
.v4-card h3{font-size:24px;line-height:1.15;padding:10px 24px 0}.v4-card p{font-size:14px;line-height:1.6;padding:12px 24px 0}
.v4-card-action{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;padding:20px 24px 24px;margin-top:auto}.v4-card-action .icon{width:18px;height:18px}
.v4-signature{padding-block:96px}.v4-signature .art-section-title{margin-bottom:40px}
.v4-sig-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.v4-sig-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:40px;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end}
.v4-sig-panel .price-bars{height:200px;margin-top:0}.v4-sig-panel .price-bars i{transition:height .3s}
.v4-sig-panel .logic-diagram{height:auto}.v4-sig-panel .logic-diagram span{padding:16px;font-size:14px}.v4-sig-panel .logic-diagram strong{padding:20px;font-size:16px}
.v4-sig-panel .energy-pair{height:220px}.v4-sig-panel .energy-pair span{font-size:14px}
.v4-sig-legend{display:flex;justify-content:space-between;margin-top:16px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tech)}
.v4-sig-copy h2{font-size:clamp(36px,3.6vw,54px);line-height:1.04}.v4-sig-copy>p:not(.eyebrow){margin-top:24px;font-size:16px;line-height:1.7;max-width:460px}
.v4-sig-copy .spec-table{margin-top:32px}.v4-sig-copy .spec-table>div{grid-template-columns:200px 1fr;padding:14px 0}
.v4-hours{display:grid;grid-template-columns:repeat(24,1fr);gap:4px;align-items:end;height:200px}.v4-hours i{background:#d9dbd3;border-radius:3px 3px 0 0;display:block}.v4-hours i.cheap{background:var(--orange)}
.v4-hours-labels{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--tech)}
.v4-nodes{position:relative;height:300px}.v4-nodes>span{position:absolute;display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--soft);border-radius:12px;font-size:14px;font-weight:550}.v4-nodes>span .icon{width:20px;height:20px;color:var(--orange-dark)}.v4-nodes>strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:20px 28px;background:#fff;border:2px solid var(--orange);border-radius:100px;font-size:16px;font-weight:600}.v4-nodes>strong .icon{color:var(--orange-dark)}
.v4-nodes>span:nth-child(1){left:0;top:0}.v4-nodes>span:nth-child(2){right:0;top:0}.v4-nodes>span:nth-child(3){left:0;bottom:0}.v4-nodes>span:nth-child(4){right:0;bottom:0}
.v4-nodes::before{content:'';position:absolute;inset:40px 80px;border:1px dashed #c9c6bc;border-radius:50%}
.v4-page-hero+.v4-stats{margin-top:-64px}
.contact-page.v4-contact{padding-top:56px;min-height:0}
.giant-links{margin-top:32px}
@media(max-width:1120px){.v4-page-hero{height:auto;min-height:520px}.v4-page-copy{padding:64px 0 88px;max-width:70%}.v4-page-card{display:none}.v4-band-scene{left:24%}.v4-band-left .v4-band-scene{right:24%}.v4-team-grid{grid-template-columns:repeat(3,1fr)}.v4-cards{grid-template-columns:1fr}.v4-sig-grid{grid-template-columns:1fr;gap:40px}.v4-band-left .v4-band-copy{width:min(640px,60%)}}
@media(max-width:760px){.v4-page-hero{min-height:0}.v4-page-scene{position:relative;height:56vw;min-height:240px;z-index:0}.v4-page-scene::after{background:linear-gradient(0deg,var(--paper) 0%,#faf9f600 40%)}.v4-page-copy{max-width:none;padding:8px 0 40px}.v4-page-copy h1{font-size:clamp(40px,11vw,52px);max-width:none}.v4-page-copy .v4-lead{font-size:16px;margin-top:20px}.v4-page-hero .hero-disclosure{bottom:auto;top:8px;right:8px}.v4-page-hero+.v4-stats{margin-top:0}
.v4-band{padding-block:0 32px;margin-top:40px}.v4-band-scene,.v4-band-left .v4-band-scene{position:relative;left:0;right:0;height:64vw;min-height:240px;border-radius:0;z-index:0}.v4-band-scene::after,.v4-band-left .v4-band-scene::after{background:linear-gradient(0deg,var(--paper) 0%,#faf9f600 40%)}.v4-band-copy,.v4-band-left .v4-band-copy{min-height:0;padding-top:16px;width:auto;max-width:none}.v4-band-left>.wrap{display:block}
.v4-team{padding-block:56px 32px}.v4-team-grid{grid-template-columns:repeat(2,1fr);gap:16px}.v4-cards-section{padding-block:56px 32px}.v4-signature{padding-block:56px}.v4-sig-panel{padding:24px;min-height:0}.v4-nodes{height:260px}.v4-nodes>span{padding:10px 12px;font-size:12px}.v4-nodes>strong{padding:14px 18px;font-size:14px}.v4-sig-copy .spec-table>div{grid-template-columns:1fr}}
/* Bildfokus per Klasse (CSP verbietet style-Attribute) */
.v4-page-scene>img,.v4-band-scene>img{object-position:var(--px,50%) var(--py,50%)}
.px30{--px:30%}.px40{--px:40%}.px50{--px:50%}.px60{--px:60%}.px70{--px:70%}.px80{--px:80%}.py20{--py:20%}.py30{--py:30%}.py40{--py:40%}.py50{--py:50%}.py60{--py:60%}
/* Balkenhoehen per Klasse (CSP) */
.h20{height:20%}.h25{height:25%}.h30{height:30%}.h35{height:35%}.h40{height:40%}.h45{height:45%}.h50{height:50%}.h55{height:55%}.h60{height:60%}.h65{height:65%}.h70{height:70%}.h75{height:75%}.h80{height:80%}.h85{height:85%}.h90{height:90%}.h95{height:95%}.h100{height:100%}
.check-photo{position:relative;margin:40px 0 0;border-radius:20px;overflow:hidden;aspect-ratio:4/3}.check-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 30%}.check-photo>.art-disclosure{left:auto;right:12px;top:12px;bottom:auto}
@media(max-width:760px){.check-photo{display:none}}