/* =========================================================
   Mirage Artistik – Mobile Seiten-Fixes v810
   Künstler / Shows / Galerie / Über uns
   Wird NACH mobile.css geladen und überschreibt alte Seitenregeln.
   ========================================================= */

@media(max-width:700px){

  /* -------------------------------------------------------
     KÜNSTLER – Logo oben links wieder sichtbar
     ------------------------------------------------------- */
  body.kuenstler-page .mirage-corner-logo{
    position:fixed!important;
    top:6px!important;
    left:9px!important;
    width:78px!important;
    max-width:78px!important;
    height:46px!important;
    z-index:10050!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    pointer-events:auto!important;
  }
  body.kuenstler-page .mirage-corner-logo img{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:46px!important;
    object-fit:contain!important;
  }
  body.kuenstler-page .topbar,
  body.kuenstler-page header.topbar{
    z-index:10000!important;
    overflow:visible!important;
  }

  /* -------------------------------------------------------
     SHOWS – komplette Inhalte sichtbar und normal scrollbar
     ------------------------------------------------------- */
  body.page-fullscreen.shows-full{
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding-top:58px!important;
  }

  body.page-fullscreen.shows-full .subhero{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:12px 12px 7px!important;
    overflow:visible!important;
    background:#070405!important;
  }

  body.page-fullscreen.shows-full .subhero h1{
    margin:0!important;
    font-size:34px!important;
    line-height:1!important;
  }

  body.page-fullscreen.shows-full .subhero p{
    margin:5px 0 0!important;
    font-size:9px!important;
    line-height:1.25!important;
  }

  body.page-fullscreen.shows-full .section{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:5px 9px 48px!important;
    overflow:visible!important;
  }

  body.page-fullscreen.shows-full .section > .wrap{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:visible!important;
  }

  body.page-fullscreen.shows-full .grid3{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    align-items:stretch!important;
  }

  body.page-fullscreen.shows-full .panel{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:10px!important;
    display:block!important;
    overflow:visible!important;
    border-radius:12px!important;
  }

  body.page-fullscreen.shows-full .panel img{
    display:block!important;
    width:100%!important;
    height:54vw!important;
    min-height:180px!important;
    max-height:300px!important;
    margin:0 0 8px!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:8px!important;
  }

  body.page-fullscreen.shows-full .panel h3{
    display:block!important;
    margin:6px 0 5px!important;
    font-size:24px!important;
    line-height:1.05!important;
  }

  body.page-fullscreen.shows-full .panel p{
    display:block!important;
    margin:0 0 9px!important;
    font-size:12px!important;
    line-height:1.42!important;
  }

  body.page-fullscreen.shows-full .panel .btn{
    display:flex!important;
    width:100%!important;
    min-height:42px!important;
    margin:0!important;
    font-size:10px!important;
  }

  /* -------------------------------------------------------
     GALERIE – normales Mobile-Raster statt gequetschtem Fullscreen
     ------------------------------------------------------- */
  body.page-fullscreen.galerie-full{
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding-top:58px!important;
  }

  body.page-fullscreen.galerie-full .subhero{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:12px 10px 7px!important;
    overflow:visible!important;
    background:#070405!important;
  }

  body.page-fullscreen.galerie-full .subhero h1{
    margin:0!important;
    font-size:34px!important;
    line-height:1!important;
  }

  body.page-fullscreen.galerie-full .subhero p{
    margin:5px 0 0!important;
    font-size:9px!important;
    line-height:1.25!important;
  }

  body.page-fullscreen.galerie-full .section{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:5px 7px 48px!important;
    overflow:visible!important;
  }

  body.page-fullscreen.galerie-full .section > .wrap{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    overflow:visible!important;
  }

  body.page-fullscreen.galerie-full .gallery{
    width:100%!important;
    max-height:none!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    align-content:start!important;
    align-items:stretch!important;
    margin:0!important;
    padding:0!important;
  }

  body.page-fullscreen.galerie-full .gallery img{
    display:block!important;
    width:100%!important;
    height:42vw!important;
    min-height:125px!important;
    max-height:210px!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:8px!important;
    cursor:zoom-in!important;
  }

  /* Lightbox Smartphone */
  body.page-fullscreen.galerie-full .gallery-lightbox{
    position:fixed!important;
    inset:0!important;
    z-index:100000!important;
    padding:10px!important;
  }
  body.page-fullscreen.galerie-full .gallery-lightbox img{
    width:auto!important;
    height:auto!important;
    max-width:96vw!important;
    max-height:82dvh!important;
    object-fit:contain!important;
  }
  body.page-fullscreen.galerie-full .gallery-lightbox-close{
    top:8px!important;
    right:8px!important;
  }

  /* -------------------------------------------------------
     ÜBER UNS – Bild sauber im normalen Fluss unter dem Text
     ------------------------------------------------------- */
  body.subpage-topfix:has(.nico-fullpage){
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding-top:58px!important;
    background:#070405!important;
  }

  body.subpage-topfix .nico-fullpage{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#070405!important;
  }

  body.subpage-topfix .nico-layout{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:12px 10px 48px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    align-items:stretch!important;
    overflow:visible!important;
  }

  body.subpage-topfix .nico-content{
    position:relative!important;
    z-index:2!important;
    order:1!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  body.subpage-topfix .nico-kicker{
    margin:0 0 4px!important;
    font-size:9px!important;
    line-height:1.2!important;
  }

  body.subpage-topfix .nico-content h1{
    width:100%!important;
    margin:0 0 10px!important;
    font-size:33px!important;
    line-height:1.02!important;
  }

  body.subpage-topfix .nico-columns{
    width:100%!important;
    display:block!important;
    grid-template-columns:none!important;
    columns:auto!important;
    column-count:1!important;
    gap:0!important;
  }

  body.subpage-topfix .nico-columns > div{
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.subpage-topfix .nico-columns p{
    margin:0 0 10px!important;
    font-size:12px!important;
    line-height:1.48!important;
  }

  body.subpage-topfix .nico-columns h2{
    margin:14px 0 7px!important;
    font-size:18px!important;
    line-height:1.15!important;
  }

  body.subpage-topfix .nico-booking{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin:0 0 11px!important;
  }

  body.subpage-topfix .nico-booking li{
    min-height:0!important;
    padding:8px 9px 8px 22px!important;
    font-size:11px!important;
    line-height:1.25!important;
  }

  body.subpage-topfix .nico-cta{
    display:flex!important;
    width:100%!important;
    min-height:43px!important;
    margin-top:4px!important;
    font-size:10px!important;
  }

  body.subpage-topfix .nico-image{
    position:relative!important;
    z-index:1!important;
    order:2!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:auto!important;
  }

  body.subpage-topfix .nico-image img{
    position:relative!important;
    display:block!important;
    width:min(88vw,430px)!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center!important;
    opacity:1!important;
    transform:none!important;
    filter:drop-shadow(0 14px 28px rgba(0,0,0,.48))!important;
  }
}

/* sehr schmale Smartphones */
@media(max-width:380px){
  body.page-fullscreen.galerie-full .gallery{
    grid-template-columns:1fr!important;
  }
  body.page-fullscreen.galerie-full .gallery img{
    height:62vw!important;
    max-height:240px!important;
  }
}


/* =========================================================
   v830 – Künstler Smartphone: Text deutlich heller
   ========================================================= */
@media(max-width:700px){
  body.kuenstler-page .artist-copy{
    color:#fff!important;
  }

  body.kuenstler-page .artist-copy h1,
  body.kuenstler-page .artist-copy h2,
  body.kuenstler-page .artist-copy h3,
  body.kuenstler-page .artist-copy .artist-name{
    color:#f2cf69!important;
    text-shadow:0 2px 8px rgba(0,0,0,.9)!important;
  }

  body.kuenstler-page .artist-copy p,
  body.kuenstler-page .artist-copy li,
  body.kuenstler-page .artist-copy span:not(.kicker),
  body.kuenstler-page .artist-copy strong{
    color:#fff!important;
    opacity:1!important;
    text-shadow:0 2px 7px rgba(0,0,0,.95)!important;
  }

  body.kuenstler-page .artist-copy .kicker,
  body.kuenstler-page .artist-copy .artist-kicker,
  body.kuenstler-page .artist-copy .credit{
    color:#e7d9b4!important;
    opacity:1!important;
  }

  body.kuenstler-page .artist-copy{
    background:linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.55) 72%,rgba(0,0,0,0))!important;
  }
}