@import url('/example-shell-core.css?v=20260917a');

/* Salon Isabella: editorial hero shape. Only the hero composition changes. */
.page-fr #fr-hero{
  justify-content:flex-start;
  padding-inline:clamp(24px,6vw,90px);
  background-position:center 42%;
}
.page-fr #fr-hero::before{
  background:linear-gradient(90deg,rgba(42,12,27,.34) 0%,rgba(42,12,27,.12) 56%,rgba(42,12,27,.3) 100%);
}
.page-fr #fr-hero .fr-hero__content{
  width:min(650px,54vw);
  max-width:650px;
  margin-left:0;
  padding:clamp(34px,4.6vw,62px) clamp(30px,4.7vw,64px);
  text-align:left;
  background:linear-gradient(145deg,rgba(83,25,53,.91),rgba(64,17,39,.83));
  border:1px solid rgba(255,255,255,.18);
  border-radius:42px 150px 76px 42px;
  box-shadow:0 26px 70px rgba(42,12,27,.3);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transform:translateY(clamp(32px,4.2vh,50px));
}
.page-fr #fr-hero .fr-hero__badge--floating,
.page-fr #fr-hero .fr-hero__card{display:none!important}
.page-fr #fr-hero .fr-hero__badge--inline{
  display:inline-flex;
  margin:0 0 1.45rem;
}
.page-fr #fr-hero .fr-hero__sub{
  margin-left:0;
  margin-right:0;
  max-width:520px;
}
.page-fr #fr-hero .fr-hero__actions,
.page-fr #fr-hero .fr-hero__trust{
  justify-content:flex-start;
}
.page-fr #fr-hero .fr-hero__trust-item{text-align:left}

@media(max-width:960px){
  .page-fr #fr-hero{
    justify-content:center;
    padding-inline:28px;
    background-position:58% center;
  }
  .page-fr #fr-hero .fr-hero__content{
    width:min(640px,88vw);
    max-width:640px;
    border-radius:34px 96px 58px 34px;
    padding:42px 38px;
    transform:translateY(36px);
  }
}
@media(max-width:600px){
  .page-fr #fr-hero{
    min-height:calc(100svh - 64px);
    padding:7rem 18px 3rem;
    align-items:flex-end;
    background-position:61% center;
  }
  .page-fr #fr-hero .fr-hero__content{
    width:100%;
    padding:30px 22px 26px;
    border-radius:28px 58px 38px 28px;
    transform:none;
  }
  .page-fr #fr-hero .fr-hero__title{font-size:clamp(2rem,10vw,2.8rem)}
  .page-fr #fr-hero .fr-hero__sub{font-size:.98rem;margin-bottom:1.4rem}
  .page-fr #fr-hero .fr-hero__actions{align-items:stretch;gap:.7rem;margin-bottom:1.4rem}
  .page-fr #fr-hero .fr-hero__actions .fr-btn{width:100%}
  .page-fr #fr-hero .fr-hero__trust{gap:1.15rem;padding-top:1.2rem}
}

/* Café am Markt: at <=480px the original gallery switches its grid rows to auto.
   The image placeholders are height:100%, so without an intrinsic row height the
   cards collapse and leave a blank section. Give every mobile card its own ratio. */
@media(max-width:480px){
  .page-ga .ga-gallery-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    gap:14px!important;
  }
  .page-ga .ga-gallery-item,
  .page-ga .ga-gallery-item:nth-child(1){
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-height:0!important;
    aspect-ratio:4/3!important;
  }
  .page-ga .ga-gallery-placeholder{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  .page-ga .ga-gallery-overlay{z-index:1!important;opacity:1!important;background:linear-gradient(to top,rgba(26,60,42,.78),transparent 58%)!important}
}