/* KONTUR CMS 0.5.9.57 – Mobile Startseiten-Bildflächen */
@media (max-width:767px){
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:none!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    gap:0!important;
    overflow:visible!important;
    position:relative!important;
  }

  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase]>.hp048-card{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:clamp(300px,86vw,410px)!important;
    min-height:0!important;
    max-height:none!important;
    grid-column:1!important;
    grid-row:auto!important;
    transform:none!important;
    flex:none!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:0!important;
  }

  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase]>.hp048-card:first-child{
    height:clamp(340px,98vw,465px)!important;
  }

  /* Auf Mobilgeräten wird der Desktop-Hover vollständig neutralisiert. */
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase]>.hp048-card>img,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase]>.hp048-card:hover>img,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase]>.hp048-card:focus>img,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase]>.hp048-card:active>img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
  }

  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase] .hp048-card-shade,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase] .hp048-card:hover .hp048-card-shade,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase] .hp048-card:focus .hp048-card-shade,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase] .hp048-card:active .hp048-card-shade{
    position:absolute!important;
    inset:0!important;
    opacity:1!important;
    background:linear-gradient(180deg,rgba(3,14,25,0) 0%,rgba(3,14,25,.01) 48%,rgba(3,14,25,.13) 70%,rgba(3,14,25,.62) 100%)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase]>.hp048-card::before,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase]>.hp048-card::after,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase]>.hp048-card:hover::before,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase]>.hp048-card:hover::after{
    opacity:0!important;
    background:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:none!important;
  }

  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase] .hp048-card-summary,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase] .hp048-card:hover .hp048-card-summary,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase] .hp048-card:focus .hp048-card-summary,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase] .hp048-card:active .hp048-card-summary{
    display:block!important;
    position:absolute!important;
    z-index:3!important;
    left:clamp(20px,6vw,30px)!important;
    right:clamp(20px,6vw,30px)!important;
    bottom:clamp(22px,7vw,34px)!important;
    top:auto!important;
    width:auto!important;
    max-width:34rem!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
    text-shadow:0 2px 14px rgba(0,0,0,.42)!important;
  }

  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase] .hp048-card-detail,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase] .hp048-card:hover .hp048-card-detail,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase] .hp048-card:focus .hp048-card-detail,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase] .hp048-card:active .hp048-card-detail{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }

  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase] .hp048-card-summary h1,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase] .hp048-card-summary h2{
    max-width:18ch!important;
  }

  /* Kennzahlen mobil wieder einzeln untereinander. */
  body:not(.cms-admin) .hp048-glass-strip{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:14px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    gap:10px!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#f4f8fb,#e9f0f6)!important;
  }

  body:not(.cms-admin) .hp048-glass-strip>article,
  body:not(.cms-admin) .hp048-glass-strip>a{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:20px 22px!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.78)!important;
    border:1px solid rgba(255,255,255,.92)!important;
    box-shadow:0 10px 28px rgba(20,49,77,.08)!important;
    display:block!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase]>.hp048-card,
  body:not(.cms-admin) .hp048-hero.hp048-auto-layout[data-home-feature-showcase]>.hp048-card *{
    transition:none!important;
    animation:none!important;
  }
}