body.single-artwork{background:#fff;}

/* ===== Galerie-Übersichten ===== */
.app-artwork-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:56px 36px;
margin-top:40px;
align-items:start;
}

@media (max-width: 767px){
  .app-artwork-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:34px 18px;
  }
}

.app-artwork-card a{
text-decoration:none;
color:#111;
display:block;
}

.app-artwork-card img{
width:100%;
aspect-ratio:5/4;
object-fit:cover;
display:block;
background:#f3f3f3;
}

.app-artwork-card h3{
font-size:1.05rem;
line-height:1.3;
margin:14px 0 8px;
font-weight:700;
color:#13233a;
}

.app-card-price,
.app-card-private,
.app-card-meta{
font-size:.95rem;
line-height:1.42;
color:#667;
margin:0;
}

.app-card-dimensions{
font-size:.9rem;
line-height:1.4;
color:#667;
margin:3px 0 0;
}

.app-large-artwork-grid{
grid-template-columns:repeat(24,minmax(0,1fr));
gap:58px 34px;
}

/* Differenzierte Größenwirkung in der Übersicht:
   100x80 > 60x40 > 50x40 / 40x40 */
.app-large-artwork-grid .app-format-100-x-80{grid-column:span 8;}
.app-large-artwork-grid .app-format-60-x-40{grid-column:span 7;}
.app-large-artwork-grid .app-format-50-x-40{grid-column:span 6;}
.app-large-artwork-grid .app-format-40-x-40{grid-column:span 6;}
.app-large-artwork-grid .app-format-40-x-30{grid-column:span 4;}

/* Formatbewusste Darstellung für kuratierte/statusbasierte Übersichten
   wie Private Collection. Die Hauptgalerie bleibt bewusst ruhig und gleichmäßig. */
.app-format-aware-grid{
grid-template-columns:repeat(24,minmax(0,1fr));
gap:58px 34px;
}
.app-format-aware-grid .app-format-100-x-80{grid-column:span 8;}
.app-format-aware-grid .app-format-60-x-40{grid-column:span 7;}
.app-format-aware-grid .app-format-50-x-40{grid-column:span 6;}
.app-format-aware-grid .app-format-40-x-40{grid-column:span 6;}
.app-format-aware-grid .app-format-40-x-30{grid-column:span 5;}
.app-format-aware-grid .app-format-30-x-25,
.app-format-aware-grid .app-format-30-x-20,
.app-format-aware-grid .app-format-25-x-25,
.app-format-aware-grid .app-format-24-x-18,
.app-format-aware-grid .app-format-20-x-20,
.app-format-aware-grid .app-format-20-x-15{grid-column:span 4;}
.app-format-aware-grid .app-format-15-x-15,
.app-format-aware-grid .app-format-15-x-10,
.app-format-aware-grid .app-format-10-x-10{grid-column:span 3;}


.app-gallery-pagination{
margin:48px 0 0;
}

.app-gallery-pagination ul{
display:flex;
flex-wrap:wrap;
gap:8px 12px;
list-style:none;
padding:0;
margin:0;
align-items:center;
}

.app-gallery-pagination li{
margin:0;
}

.app-gallery-pagination a,
.app-gallery-pagination span{
display:inline-flex;
min-width:36px;
height:36px;
padding:0 12px;
align-items:center;
justify-content:center;
border:1px solid #e2e2e2;
text-decoration:none;
color:#13233a;
font-weight:700;
line-height:1;
}

.app-gallery-pagination .current{
background:#13233a;
color:#fff;
border-color:#13233a;
}

.app-gallery-pagination a:hover{
border-color:#13233a;
}

/* ===== Single Artwork ===== */
.app-wrap{
max-width:1280px;
margin:0 auto;
padding:48px 40px 40px;
}

.app-single-hero{
display:grid;
grid-template-columns:minmax(0,1.35fr) minmax(360px,.75fr);
grid-template-rows:auto auto;
column-gap:88px;
row-gap:42px;
align-items:start;
}

.app-main-image-wrap{grid-column:1;grid-row:1;}
.app-info-top{grid-column:2;grid-row:1;}
.app-thumbs-row{grid-column:1;grid-row:2;}

.app-details-row{
grid-column:2;
grid-row:2;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-self:start;
padding-top:24px;
}

.app-main-image{
aspect-ratio:5/4;
overflow:hidden;
background:#f6f6f6;
}

.app-main-image img{
width:100%;
aspect-ratio:5/4;
object-fit:cover;
display:block;
background:#f6f6f6;
}

.app-info{
padding-top:8px;
display:flex;
flex-direction:column;
justify-content:flex-start;
height:100%;
min-height:100%;
}

.app-info h1{
font-size:clamp(3rem,4.2vw,4rem);
line-height:.95;
letter-spacing:-.035em;
margin:0 0 26px;
font-weight:700;
}

.app-price{
font-size:1.45rem;
margin:0 0 6px;
font-weight:600;
}

.app-intro{
font-size:1.08rem;
line-height:1.65;
margin:22px 0 8px;
color:#1d1d1d;
}

.app-thumbs{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin-top:24px;
align-items:stretch;
}

.app-thumbs.has-video{
grid-template-columns:repeat(4,minmax(0,1fr));
}

.app-thumbs a,
.app-video-thumb{
aspect-ratio:5/4;
width:100%;
display:flex;
height:100%;
align-items:center;
justify-content:center;
background:#f6f6f6;
overflow:hidden;
}

.app-thumbs a{
text-decoration:none;
}

.app-thumbs img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.app-video-thumb{
border:1px solid #ddd;
color:#111;
cursor:pointer;
flex-direction:column;
gap:8px;
font:inherit;
transition:background .2s ease,border-color .2s ease;
}

.app-video-thumb:hover{
background:#eee;
border-color:#aaa;
}

.app-video-play{
font-size:34px;
line-height:1;
}

.app-video-label{
font-size:.92rem;
font-weight:600;
}

.app-video-modal{
position:fixed;
inset:0;
z-index:9999;
background:rgba(0,0,0,.78);
display:flex;
align-items:center;
justify-content:center;
padding:28px;
}

.app-video-modal[hidden]{
display:none;
}

.app-video-modal-inner{
position:relative;
width:min(960px,100%);
}

.app-video-modal video{
width:100%;
height:auto;
display:block;
background:#000;
}

.app-video-close{
position:absolute;
top:-46px;
right:0;
border:0;
background:transparent;
color:#fff;
font-size:38px;
line-height:1;
cursor:pointer;
}

.app-purchase-panel{
margin:28px 0 0;
padding:22px 0 0;
border-top:1px solid #ddd;
}

.app-purchase-panel .app-price{
margin:0 0 12px;
}

.app-price-subline{
font-size:.95rem;
line-height:1.45;
color:#4f5a67;
margin:0 0 16px;
}

.app-private-collection{
font-size:1.08rem;
line-height:1.45;
font-weight:600;
margin:0 0 14px;
color:#13233a;
}

.app-status-pills{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:14px 0 18px;
}

.app-status-pill{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:7px 13px;
border:1px solid #d6d6d6;
background:#f7f7f7;
color:#667;
font-size:.88rem;
line-height:1;
font-weight:600;
letter-spacing:.01em;
}

.app-status-pill.is-active{
background:#111;
border-color:#111;
color:#fff;
}

.app-status-note{
font-size:.95rem;
line-height:1.5;
color:#4f5a67;
margin:0 0 14px;
max-width:34em;
}

.app-detail-list{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
height:180px;
padding:0;
margin:0px 0 0;
display:flex;
flex-direction:column;
justify-content:center;
}

.app-detail-list p{
display:grid;
grid-template-columns:110px 1fr;
gap:14px;
margin:6px 0;
line-height:1.35;
font-size:.96rem;
align-items:start;
}


.app-request-button{
display:inline-block;
padding:15px 24px;
border:1px solid #111;
text-decoration:none;
color:#111;
font-weight:600;
transition:all .2s ease;
margin-top:10px;
align-self:flex-start;
}

.app-request-button:hover{
background:#111;
color:#fff;
}

.app-description{
margin-top:80px;
}

.app-description p{
text-align:left;
}


/* ===== Startseite ===== */
.app-home{
max-width:1280px;
margin:0 auto;
padding:24px 40px 96px;
}

/* Startseite enger an den Header rücken, ohne den restlichen Seitenabstand zu verändern */
.entry-content > .app-home:first-child,
.wp-block-shortcode > .app-home:first-child{
margin-top:-14px;
}

.page .entry-title:empty,
.page h1.entry-title:empty,
.page .page-title:empty{
display:none;
margin:0;
padding:0;
}

.app-home-hero{
display:grid;
grid-template-columns:minmax(0,.82fr) minmax(420px,1fr);
gap:72px;
align-items:center;
margin:0 0 86px;
}

.app-home-eyebrow{
font-size:.78rem;
line-height:1.4;
letter-spacing:.12em;
text-transform:uppercase;
font-weight:800;
color:#667;
margin:0 0 14px;
}

.app-home-hero h1{
font-size:clamp(2.25rem,3.7vw,3.85rem);
line-height:1.06;
letter-spacing:-.038em;
margin:0 0 24px;
color:#13233a;
max-width:11.6em;
}

.app-home-hero p{
font-size:1.03rem;
line-height:1.75;
color:#243247;
max-width:45em;
}

.app-home-actions{
display:flex;
flex-wrap:wrap;
gap:12px 18px;
margin-top:30px;
align-items:center;
}

.app-home-primary,
.app-home-secondary{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:46px;
padding:12px 20px;
font-weight:700;
text-decoration:none;
border:1px solid #13233a;
}

.app-home-primary{
background:#13233a;
color:#fff;
}

.app-home-secondary{
background:transparent;
color:#13233a;
}

.app-home-primary:hover,
.app-home-secondary:hover{
opacity:.86;
}

.app-home-feature-card a,
.app-home-card a{
display:block;
text-decoration:none;
color:#13233a;
}

.app-home-feature-card .app-home-image-frame,
.app-home-card .app-home-image-frame{
width:100%;
aspect-ratio:5/4;
overflow:hidden;
background:#f4f4f4;
}

.app-home-feature-card .app-home-image-frame img,
.app-home-card .app-home-image-frame img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .35s ease;
}

.app-home-feature-card img{
display:block;
}

.app-home-feature-card h3{
font-size:1.18rem;
line-height:1.25;
margin:15px 0 6px;
}

.app-home-feature-card p,
.app-home-card p{
font-size:.95rem;
color:#667;
margin:0;
}

.app-home-feature-card .app-card-meta,
.app-home-card .app-card-meta{
font-size:.95rem;
line-height:1.42;
margin-top:0;
}

.app-home-feature-card .app-card-dimensions,
.app-home-card .app-card-dimensions{
font-size:.9rem;
line-height:1.4;
margin-top:3px;
}

/* Startseite: Das Hero-Werk dient als Blickfang, nicht als Preisanker. */
.app-home-hero-art .app-home-feature-card p{
display:none;
}

.app-home-section{
margin:0 0 72px;
scroll-margin-top:120px;
}

.app-home-section-head{
max-width:820px;
margin:0 0 34px;
}

.app-home-curated-section{
max-width:980px;
margin-left:auto;
margin-right:auto;
}

.app-home-curated-feature-row{
display:grid;
grid-template-columns:minmax(0,.72fr) minmax(0,1.08fr);
gap:58px;
align-items:center;
margin:0 0 44px;
padding:0 0 42px;
border-bottom:1px solid #e2e2e2;
}

.app-home-curated-feature-row .app-home-section-head{
max-width:410px;
margin:0;
}

.app-home-section h2,
.app-home-artist h2,
.app-home-room-note h2{
font-size:clamp(2rem,3vw,3rem);
line-height:1.08;
letter-spacing:-.035em;
margin:0 0 16px;
color:#13233a;
}

.app-home-section-head p,
.app-home-artist p,
.app-home-room-note p{
font-size:1rem;
line-height:1.7;
color:#243247;
}

.app-home-selection-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:34px 28px;
max-width:690px;
margin-left:auto;
margin-right:auto;
}

.app-home-card img{
display:block;
}

.app-home-card h3{
font-size:1.05rem;
line-height:1.3;
margin:14px 0 8px;
font-weight:700;
}

/* Kuratorischer Fokus: Hauptwerk klar absetzen, ohne das Werkformat zu beschneiden. */
.app-home-curated-main{
margin:0;
padding:0;
}

.app-home-curated-main .app-home-card{
max-width:620px;
margin-left:auto;
}

.app-home-curated-main .app-home-card a{
display:block;
background:transparent;
}

.app-home-curated-main .app-home-image-frame{
aspect-ratio:var(--app-art-ratio, 5/4);
background:#f4f4f4;
}

.app-home-curated-main .app-home-image-frame img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
}

.app-home-curated-main .app-home-card h3{
font-size:clamp(1.28rem,2.2vw,1.7rem);
line-height:1.2;
margin-top:18px;
}

.app-home-curated-main .app-card-meta{
font-size:1rem;
}

.app-home-more-heading{
max-width:690px;
margin:0 auto 28px;
}

.app-home-more-heading h3{
font-size:1.05rem;
letter-spacing:.06em;
text-transform:uppercase;
margin:0;
color:#13233a;
}


.app-home-links{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
border-top:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;
padding:34px 0;
margin:0 0 76px;
}

.app-home-links a{
display:block;
padding:22px 24px;
border:1px solid #e2e2e2;
text-decoration:none;
color:#13233a;
background:#fff;
}

.app-home-links strong{
display:block;
font-size:1.02rem;
margin-bottom:8px;
}

.app-home-links span{
display:block;
font-size:.95rem;
line-height:1.55;
color:#667;
}

.app-home-links a:hover{
border-color:#13233a;
}

.app-home-artist{
display:grid;
grid-template-columns:minmax(0,.72fr) minmax(0,1fr);
gap:70px;
padding:0 0 76px;
margin:0 0 74px;
border-bottom:1px solid #e2e2e2;
align-items:start;
}

.app-home-artist p{
margin:0 0 18px;
}

.app-home-text-link{
display:inline-block;
margin-top:4px;
font-weight:700;
color:#13233a;
text-decoration:none;
border-bottom:1px solid #13233a;
}

.app-home-room-note{
max-width:860px;
padding:0 0 8px;
}

.app-home-room-note .app-home-secondary{
margin-top:12px;
}

.app-home-archive-note{
margin:28px 0 0;
font-size:.96rem;
}

.app-home-archive-note a{
color:#13233a;
font-weight:700;
text-decoration:none;
border-bottom:1px solid #13233a;
}

@media(max-width:920px){
.app-home{
padding:32px 22px 78px;
}
.app-home-hero{
grid-template-columns:1fr;
gap:38px;
margin-bottom:66px;
}
.app-home-curated-section{
max-width:none;
}
.app-home-curated-feature-row{
grid-template-columns:1fr;
gap:26px;
align-items:start;
}
.app-home-curated-main .app-home-card{
max-width:720px;
margin-left:0;
}
.app-home-selection-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:40px 26px;
}
.app-home-links,
.app-home-artist{
grid-template-columns:1fr;
}
.app-home-artist{
gap:22px;
}
}

@media(max-width:620px){
.app-home{
padding:0 18px 56px;
}

.entry-content > .app-home:first-child,
.wp-block-shortcode > .app-home:first-child{
margin-top:-24px;
}

/* Mobile Startseite: Bildbühne zuerst, danach die kurze Galerie-Einordnung */
.app-home-hero{
display:flex;
flex-direction:column;
gap:18px;
margin-bottom:38px;
}

.app-home-hero-art{
order:1;
width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
}

.app-home-hero-text{
order:2;
}

.app-home-hero-art .app-home-feature-card h3{
display:none;
}

.app-home-hero-art .app-home-feature-card img{
width:100vw;
max-width:100vw;
aspect-ratio:4/3;
object-fit:cover;
display:block;
}

.app-home-eyebrow{
font-size:.68rem;
letter-spacing:.12em;
line-height:1.35;
margin-bottom:6px;
}

.app-home-hero h1{
font-size:clamp(1.62rem,5.4vw,1.86rem);
line-height:1.12;
letter-spacing:-.024em;
margin-bottom:14px;
max-width:14em;
}

.app-home-section{
margin-bottom:48px;
scroll-margin-top:88px;
}

.app-home-section-head{
margin-bottom:24px;
}

.app-home-curated-feature-row{
display:block;
margin-bottom:32px;
padding-bottom:28px;
}

.app-home-curated-feature-row .app-home-section-head{
max-width:none;
margin-bottom:24px;
}

.app-home-curated-main .app-home-card{
max-width:none;
margin-left:0;
}

.app-home-section h2,
.app-home-artist h2,
.app-home-room-note h2{
font-size:clamp(1.62rem,6.2vw,1.9rem);
line-height:1.16;
letter-spacing:-.022em;
margin-bottom:12px;
}

.app-home-hero p,
.app-home-section-head p,
.app-home-artist p,
.app-home-room-note p{
font-size:.92rem;
line-height:1.56;
}

.app-home-actions{
flex-direction:column;
align-items:stretch;
gap:10px;
margin-top:24px;
}

.app-home-primary,
.app-home-secondary{
width:100%;
min-height:44px;
}

.app-home-selection-grid{
grid-template-columns:1fr;
gap:34px;
}

.app-home-curated-section .app-home-selection-grid .app-home-card:first-child{
grid-column:auto;
}

.app-home-curated-section .app-home-selection-grid .app-home-card:first-child img{
aspect-ratio:4/3;
}


/* Mobile Startseite: Hauptwerk + vier weitere ausgewählte Werke.
   Keine künstliche Reduktion mehr: Die Auswahl bleibt vollständig sichtbar. */
.app-home-feature-card img,
.app-home-card img{
aspect-ratio:4/3;
}

/* Ausgewählte Werke: Hauptwerk groß, die vier Begleitwerke mobil bewusst als 2 × 2 Raster. */
.app-home-curated-section .app-home-selection-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:24px 16px;
}

.app-home-curated-section .app-home-selection-grid .app-home-card h3{
font-size:.86rem;
line-height:1.25;
margin:10px 0 4px;
}

.app-home-curated-section .app-home-selection-grid .app-card-meta{
font-size:.76rem;
line-height:1.35;
}

.app-home-links{
gap:14px;
padding:24px 0;
margin-bottom:46px;
}

.app-home-links a{
padding:18px 18px;
}

.app-home-links strong{
font-size:.96rem;
}

.app-home-links span{
font-size:.88rem;
line-height:1.48;
}

.app-home-artist{
gap:14px;
padding-bottom:46px;
margin-bottom:46px;
}

.app-home-room-note{
padding-bottom:0;
}

.app-home-archive-note{
font-size:.88rem;
margin-top:22px;
}

.app-home-curated-main{
margin-bottom:30px;
padding-bottom:32px;
}

.app-home-curated-main .app-home-card h3{
font-size:1.28rem;
margin-top:16px;
}

.app-home-more-heading{
margin-bottom:20px;
}

.app-home-more-heading h3{
font-size:.86rem;
letter-spacing:.07em;
}
}



/* 0.11.7: Desktop-Auswahl wieder als ruhige, zentrierte Galerie-Bühne führen.
   Mobil bleibt unverändert. */
@media(min-width:921px){
    .app-home-curated-section{
        max-width:880px;
        margin-left:auto;
        margin-right:auto;
    }

    .app-home-curated-section .app-home-section-head{
        max-width:760px;
        margin-left:auto;
        margin-right:auto;
    }

    .app-home-curated-main{
        max-width:760px;
        margin-left:auto;
        margin-right:auto;
    }

    .app-home-curated-main .app-home-card{
        max-width:680px;
        margin-left:auto;
        margin-right:auto;
    }

    .app-home-curated-section .app-home-selection-grid{
        max-width:640px;
        margin-left:auto;
        margin-right:auto;
        gap:30px 24px;
    }

    .app-home-curated-section .app-home-more-heading,
    .app-home-curated-section .app-home-archive-note{
        max-width:640px;
        margin-left:auto;
        margin-right:auto;
    }
}



/* 0.11.9: Desktop-Feintuning Ausgewählte Werke.
   Mobil bleibt bewusst unverändert.
   Hauptwerk stärker als Bühne, Begleitquartett größer, aber klar untergeordnet. */
@media(min-width:921px){
    .app-home-curated-section{
        max-width:1080px;
        margin-left:auto;
        margin-right:auto;
    }

    .app-home-curated-feature-row{
        grid-template-columns:minmax(280px,.58fr) minmax(560px,1fr);
        gap:72px;
        align-items:center;
        margin-bottom:52px;
        padding-bottom:48px;
    }

    .app-home-curated-feature-row .app-home-section-head{
        max-width:430px;
        margin-left:0;
        margin-right:0;
    }

    .app-home-curated-main{
        max-width:780px;
        margin-left:0;
        margin-right:0;
    }

    .app-home-curated-main .app-home-card{
        max-width:760px;
        margin-left:0;
        margin-right:0;
    }

    .app-home-curated-main .app-home-card h3{
        font-size:clamp(1.28rem,1.8vw,1.55rem);
        margin-top:16px;
    }

    .app-home-more-heading{
        max-width:820px;
        margin-left:auto;
        margin-right:auto;
    }

    .app-home-curated-section .app-home-selection-grid{
        max-width:820px;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:36px 32px;
        margin-left:auto;
        margin-right:auto;
    }

    .app-home-curated-section .app-home-selection-grid .app-home-card h3{
        font-size:1.08rem;
        margin-top:13px;
    }

    .app-home-curated-section .app-home-selection-grid .app-card-meta{
        font-size:.92rem;
    }

    .app-home-curated-section .app-home-archive-note{
        max-width:820px;
        margin-left:auto;
        margin-right:auto;
    }
}


/* 0.12.0 Hero-Bühne-Test:
   Desktop wird stärker bildgeführt. Mobil erhält denselben Bühnenaufbau,
   bleibt aber in den bestehenden Abständen und Funktionen zurückhaltend. */
.app-home-hero-stage-test{
    display:block;
    margin-bottom:86px;
}

.app-home-hero-stage{
    position:relative;
    overflow:hidden;
    background:#13233a;
}

.app-home-hero-stage::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(8,18,32,.70) 0%, rgba(8,18,32,.40) 43%, rgba(8,18,32,.10) 100%);
    pointer-events:none;
    z-index:2;
}

.app-home-hero-stage-copy{
    position:absolute;
    z-index:3;
    left:clamp(34px,7vw,96px);
    bottom:clamp(36px,7vw,88px);
    max-width:760px;
    color:#fff;
}

.app-home-hero-stage-copy .app-home-eyebrow{
    color:rgba(255,255,255,.86);
}

.app-home-hero-stage-copy h1{
    color:#fff;
    font-size:clamp(3.1rem,7vw,6.6rem);
    line-height:.98;
    letter-spacing:-.055em;
    margin:0;
    max-width:9.5em;
}

.app-home-hero-stage-test .app-home-hero-intro{
    max-width:960px;
    margin:34px auto 0;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:34px;
}

.app-home-hero-stage-test .app-home-hero-intro > p{
    margin:0;
    max-width:620px;
    font-size:1rem;
    line-height:1.7;
    color:#243247;
}

.app-home-hero-stage-test .app-home-actions{
    margin-top:0;
    flex:0 0 auto;
}

@media(min-width:921px){
    .app-home-hero-stage-test{
        width:100vw;
        margin-left:calc(50% - 50vw);
        margin-right:calc(50% - 50vw);
    }

    .app-home-hero-stage-test .app-home-hero-stage{
        min-height:min(76vh,720px);
        width:100vw;
    }

    .app-home-hero-stage-test .app-home-hero-art{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        z-index:1;
    }

    .app-home-hero-stage-test .app-home-hero-art .app-home-feature-card,
    .app-home-hero-stage-test .app-home-hero-art .app-home-feature-card a,
    .app-home-hero-stage-test .app-home-hero-art .app-home-image-frame{
        width:100%;
        height:100%;
        aspect-ratio:auto;
        display:block;
    }

    .app-home-hero-stage-test .app-home-hero-art img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        display:block !important;
    }

    .app-home-hero-stage-test .app-home-hero-art h3,
    .app-home-hero-stage-test .app-home-hero-art p{
        display:none !important;
    }
}

@media(max-width:920px){
    .app-home-hero-stage-test{
        margin-bottom:48px;
    }

    .app-home-hero-stage-test .app-home-hero-stage{
        width:100vw;
        margin-left:calc(50% - 50vw);
        margin-right:calc(50% - 50vw);
        min-height:54vh;
    }

    .app-home-hero-stage-test .app-home-hero-art,
    .app-home-hero-stage-test .app-home-hero-art .app-home-feature-card,
    .app-home-hero-stage-test .app-home-hero-art .app-home-feature-card a,
    .app-home-hero-stage-test .app-home-hero-art .app-home-image-frame{
        width:100%;
        height:54vh;
        min-height:360px;
        display:block;
        aspect-ratio:auto;
    }

    .app-home-hero-stage-test .app-home-hero-art img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        display:block !important;
    }

    .app-home-hero-stage-test .app-home-hero-art h3,
    .app-home-hero-stage-test .app-home-hero-art p{
        display:none !important;
    }

    .app-home-hero-stage-copy{
        left:24px;
        right:24px;
        bottom:32px;
    }

    .app-home-hero-stage-copy h1{
        font-size:clamp(2.15rem,10.6vw,3.7rem);
        line-height:1;
        max-width:8.8em;
    }

    .app-home-hero-stage-test .app-home-hero-intro{
        display:block;
        margin:24px 0 0;
    }

    .app-home-hero-stage-test .app-home-hero-intro > p{
        font-size:.94rem;
        line-height:1.58;
    }

    .app-home-hero-stage-test .app-home-actions{
        margin-top:22px;
    }
}


/* 0.12.1: Mobile Hero-Bühne niedriger führen.
   Desktop bleibt unverändert; mobil bleibt der Bühnencharakter, aber ohne zu viel Höhe. */
@media(max-width:760px){
    .app-home-hero-stage-test{
        margin-bottom:34px;
    }

    .app-home-hero-stage-test .app-home-hero-stage{
        min-height:42vh;
    }

    .app-home-hero-stage-test .app-home-hero-art,
    .app-home-hero-stage-test .app-home-hero-art .app-home-feature-card,
    .app-home-hero-stage-test .app-home-hero-art .app-home-feature-card a,
    .app-home-hero-stage-test .app-home-hero-art .app-home-image-frame{
        height:42vh;
        min-height:255px;
        max-height:340px;
    }

    .app-home-hero-stage-copy{
        left:22px;
        right:22px;
        bottom:24px;
    }

    .app-home-hero-stage-copy h1{
        font-size:clamp(2.0rem,9.4vw,3.05rem);
        line-height:.98;
        max-width:8.5em;
    }

    .app-home-hero-stage-copy .app-home-eyebrow{
        margin-bottom:10px;
    }

    .app-home-hero-stage-test .app-home-hero-intro{
        margin-top:20px;
    }

    .app-home-hero-stage-test .app-home-actions{
        margin-top:18px;
    }
	
}
	
/* FINAL Mobile Override: Galerie-Archiv */
@media screen and (max-width: 920px){
  section.app-artwork-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:34px 18px !important;
  }

  section.app-artwork-grid > article.app-artwork-card{
    grid-column:auto !important;
    min-width:0 !important;
  }
}

/* 0.12.32: Mobile Werkbild als zusammenhängende Einheit */
@media (max-width: 920px){
  .app-single-hero{
    display:flex;
    flex-direction:column;
    row-gap:0;
  }

  .app-main-image-wrap{order:1;}
  .app-thumbs-row{
    order:2;
    width:100%;
  }
  .app-info-top{order:3;}
  .app-details-row{order:4;}

  .app-thumbs{
    margin-top:12px;
    margin-bottom:28px;
  }
}

.app-media-cluster{
    grid-column:1;
    grid-row:1 / span 2;
    min-width:0;
}

.app-media-cluster .app-thumbs-row{
    grid-column:auto;
    grid-row:auto;
}

@media (max-width:920px){
    .app-single-hero{
        display:flex;
        flex-direction:column;
        row-gap:0;
    }

    .app-media-cluster{
        order:1;
        width:100%;
    }

    .app-info-top{
        order:2;
    }

    .app-details-row{
        order:3;
    }

    .app-thumbs{
        margin-top:12px;
        margin-bottom:28px;
    }
}

/* Letzter Desktop-Feinschliff: technische Daten am Medienbereich ausrichten */
@media (min-width: 921px){
    .app-details-row{
        grid-column:2;
        grid-row:1 / span 2;
        align-self:end;
        padding-top:0;
    }

    .app-details-row .app-detail-list{
        width:100%;
        margin-top:24px;
    }
}

/* Letzter Ausrichtungsfix: Technikblock exakt auf Höhe der Thumbnail-Zeile */
@media (min-width:921px){
    .app-info-column{
        display:contents;
    }

    .app-info-column .app-info-top{
        grid-column:2;
        grid-row:1;
    }

    .app-info-column .app-details-row{
        grid-column:2;
        grid-row:2;
        align-self:stretch;
        margin-top:0;
        padding-top:0;
    }
}

@media (max-width:920px){
    .app-info-column{
        display:contents;
    }

    .app-info-column .app-info-top{
        order:2;
    }

    .app-info-column .app-details-row{
        order:3;
        margin-top:28px;
    }
}

@media (min-width:921px){
    .app-info-column{
        display:contents;
    }

    .app-info-column .app-info-top{
        grid-column:2;
        grid-row:1;
    }

    .app-info-column .app-details-row{
        grid-column:2;
        grid-row:2;
        align-self:stretch;
        margin-top:0;
        padding-top:0;
    }
}

@media (max-width:920px){
    .app-info-column{
        display:contents;
    }

    .app-info-column .app-info-top{
        order:2;
    }

    .app-info-column .app-details-row{
        order:3;
        margin-top:28px;
    }
}

/* FINAL: Technikblock auf Thumbnail-Zeile ausrichten */
@media (min-width:921px){
.app-info-column{display:contents;}
.app-info-column .app-info-top{grid-column:2;grid-row:1;}
.app-info-column .app-details-row{grid-column:2;grid-row:2;align-self:stretch;margin-top:0;padding-top:0;}
}
@media (max-width:920px){
.app-info-column{display:contents;}
.app-info-column .app-info-top{order:2;}
.app-info-column .app-details-row{order:3;margin-top:28px;}
}