/* ============================================================
   ALPENKIEZ V2 — "Kiez Edition" · alpenkiez.ch
   Dunkles Street-Editorial: Anton Display, Oswald Labels,
   Berlin-Rot, punktierte Preislinien, harte Kanten.
   ============================================================ */

@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/anton-400-latin.woff2') format('woff2')}
@font-face{font-family:'Oswald';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/oswald-400-latin.woff2') format('woff2')}
@font-face{font-family:'Oswald';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/oswald-500-latin.woff2') format('woff2')}
@font-face{font-family:'Oswald';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/oswald-600-latin.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-400-latin.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-600-latin.woff2') format('woff2')}

:root{
  --bg:#0b0b0c;
  --panel:#121214;
  --panel-2:#17171a;
  --line:rgba(255,255,255,.12);
  --line-dot:rgba(255,255,255,.28);
  --ink:#f2efe9;
  --dim:#a9a59d;
  --faint:#7a766e;
  --red:#c1272d;
  --red-bright:#e03238;
  --ok:#3fbf6a;
  --display:'Anton',Impact,'Arial Narrow',sans-serif;
  --label:'Oswald','Arial Narrow',sans-serif;
  --body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --header-h:60px;
  --wrap:1160px;
  --pad:clamp(20px,4vw,48px);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,figure{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.02;text-transform:uppercase;letter-spacing:.01em}
p{margin:0 0 1em}
::selection{background:var(--red);color:#fff}
:focus-visible{outline:2px solid var(--red-bright);outline-offset:3px}
[id]{scroll-margin-top:calc(var(--header-h) + 20px)}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--red);color:#fff;padding:10px 18px;z-index:2000;font-family:var(--label);text-transform:uppercase;font-size:13px}
.skip-link:focus{left:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--pad)}
.section{padding-block:clamp(70px,10vw,140px)}
.section-panel{background:var(--panel)}

/* typography helpers */
.d-xl{font-size:clamp(44px,8vw,104px)}
.d-lg{font-size:clamp(32px,5vw,64px)}
.d-md{font-size:clamp(24px,3.2vw,40px)}
.lbl{font-family:var(--label);font-weight:500;text-transform:uppercase;letter-spacing:.22em;font-size:12px}
.lbl-red{color:var(--red-bright)}
.lead2{color:var(--dim);font-size:clamp(15px,1.8vw,18px);max-width:56ch}

/* buttons: square, uppercase */
.btn2{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--label);font-weight:500;text-transform:uppercase;letter-spacing:.16em;
  font-size:12.5px;padding:15px 26px;border:1px solid var(--line);
  transition:background .2s,color .2s,border-color .2s,transform .15s;
  white-space:nowrap;
}
.btn2:hover{border-color:rgba(255,255,255,.5);transform:translateY(-2px)}
.btn2-solid{background:var(--ink);color:#0b0b0c;border-color:var(--ink)}
.btn2-solid:hover{background:#fff}
.btn2-red{background:var(--red);border-color:var(--red);color:#fff}
.btn2-red:hover{background:var(--red-bright);border-color:var(--red-bright)}
.btn-row2{display:flex;flex-wrap:wrap;gap:14px}

/* ---------- header ---------- */
.hdr{
  position:fixed;inset:0 0 auto 0;z-index:900;height:var(--header-h);
  display:flex;align-items:center;
  /* Ganz oben transparent: der Hero laeuft ungestoert bis unter die Navigation. */
  background:transparent;
  border-bottom:1px solid transparent;
  transition:background .35s ease,backdrop-filter .35s ease,
             border-color .35s ease,box-shadow .35s ease;
}
/* Sobald gescrollt wird, blendet der dunkle Balken weich ein. */
.hdr.is-stuck{
  background:rgba(11,11,12,.86);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom-color:rgba(255,255,255,.07);
  box-shadow:0 6px 26px rgba(0,0,0,.38);
}
/* Bei offenem Mobilmenue immer deckend, damit der Burger lesbar bleibt. */
.nav-open .hdr{
  background:rgba(11,11,12,.86);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.hdr .wrap{display:flex;align-items:center;width:100%;max-width:1380px;gap:18px}
.hdr-nav{display:flex;gap:26px}
.hdr-nav a{font-family:var(--label);font-weight:500;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim);transition:color .2s}
.hdr-nav a:hover,.hdr-nav a[aria-current="page"]{color:var(--ink)}
.hdr-logo{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center}
.hdr-logo{perspective:600px}
.hdr-logo img{
  width:44px;height:auto;transform-origin:50% 50%;transform-style:preserve-3d;
  animation:logospin 9s linear infinite;
}
/* Dreht sich um die eigene Hochachse (wie eine Muenze), bleibt dabei aufrecht */
@keyframes logospin{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
.hdr-cta{margin-left:auto;display:flex;align-items:center;gap:10px}
.hdr .btn2{padding:11px 20px}
.burger2{display:none;width:44px;height:44px;position:relative;z-index:1001}
.burger2 span{position:absolute;left:11px;right:11px;height:2px;background:var(--ink);transition:transform .3s,opacity .3s,top .3s}
.burger2 span:nth-child(1){top:15px}.burger2 span:nth-child(2){top:21px}.burger2 span:nth-child(3){top:27px}
.nav-open .burger2 span:nth-child(1){top:21px;transform:rotate(45deg)}
.nav-open .burger2 span:nth-child(2){opacity:0}
.nav-open .burger2 span:nth-child(3){top:21px;transform:rotate(-45deg)}
.mnav{
  position:fixed;inset:0;z-index:950;background:rgba(8,8,9,.97);backdrop-filter:blur(16px);
  display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;
  overflow-y:auto;overscroll-behavior:contain;
  padding:calc(var(--header-h) + 16px) 16px 32px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;
}
/* zentriert wenn Platz da ist, sonst oben beginnend und scrollbar */
.mnav > :first-child{margin-top:auto}
.mnav > :last-child{margin-bottom:auto}
.nav-open .mnav{opacity:1;visibility:visible}
@media (max-width:1000px){body.nav-open{overflow:hidden}}
@media (min-width:1001px){.mnav{display:none}}
.nav-open .hdr{z-index:960}
.mnav a{font-family:var(--display);font-size:clamp(30px,8vw,44px);text-transform:uppercase;padding:10px 26px;color:var(--dim);transition:color .2s}
.mnav a:hover{color:var(--ink)}
.mnav .btn-row2{margin-top:30px}

/* ---------- hero ---------- */
.hero2{
  position:relative;min-height:100svh;display:flex;align-items:flex-end;
  background:#000;overflow:hidden;
}
.hero2 .hero-bg{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;
  transform:scale(var(--heroScale,1));transform-origin:center 38%;will-change:transform;
}
.hero2::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 35%,transparent 55%,rgba(5,5,6,.92) 100%)}
.hero2 .wrap{position:relative;z-index:2;width:100%;max-width:1380px;padding-bottom:clamp(48px,8vh,110px);display:flex;flex-wrap:wrap;align-items:flex-end;gap:28px;justify-content:space-between}
.hero2 h1{font-size:clamp(52px,9vw,118px);text-shadow:0 4px 40px rgba(0,0,0,.6)}
.hero2 .hero-sub{font-family:var(--label);font-weight:600;letter-spacing:.3em;text-transform:uppercase;font-size:clamp(13px,1.8vw,19px);margin-top:14px;text-shadow:0 2px 16px rgba(0,0,0,.7)}
.hero2 .btn-row2{padding-bottom:8px}
.scroll-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:2;color:rgba(255,255,255,.6);font-family:var(--label);font-size:10px;letter-spacing:.3em;text-transform:uppercase;animation:hint 2.2s ease-in-out infinite}
@keyframes hint{0%,100%{transform:translate(-50%,0);opacity:.6}50%{transform:translate(-50%,8px);opacity:1}}

/* ---------- Kennzahlen-Band ---------- */
.stats{border-block:1px solid var(--line);background:var(--bg)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.stat{padding:clamp(30px,5vw,54px) 12px;border-left:1px solid var(--line)}
.stat:first-child{border-left:0}
.stat b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(38px,6vw,76px);line-height:1}
.stat span{display:block;font-family:var(--label);font-weight:500;font-size:clamp(10px,1.2vw,13px);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin-top:10px}

/* ---------- Story-Collage ---------- */
.collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:14px}
.collage img{width:100%;height:100%;object-fit:cover;border:1px solid var(--line)}
.collage .c-tall{grid-row:1 / span 2;aspect-ratio:3/5}
.collage .c-a{aspect-ratio:4/3}
.collage .c-b{aspect-ratio:4/3}
.kiez-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,70px);align-items:center}
.kiez-grid p{color:var(--dim);font-size:15.5px;max-width:46ch}

/* ---------- video cards ---------- */
.vids{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(30px,4vw,50px)}
.vid-card{position:relative;background:var(--panel-2);border:1px solid var(--line)}
.vid-card .vframe{position:relative;aspect-ratio:9/16;overflow:hidden}
.vid-card video{width:100%;height:100%;object-fit:cover}
.vid-card figcaption{font-family:var(--label);font-weight:500;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);padding:14px 16px;border-top:1px solid var(--line)}
.vid-card .mute-btn{
  position:absolute;right:10px;top:10px;z-index:3;width:40px;height:40px;
  background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.25);color:#fff;
  display:flex;align-items:center;justify-content:center;
}
.vid-card .mute-btn svg{width:18px;height:18px}

/* ---------- dotted leader rows ---------- */
.dlist{margin-top:18px}
.drow{display:flex;align-items:baseline;gap:10px;padding:10px 0}
.drow .dl{font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.drow .dfill{flex:1;border-bottom:1px dotted var(--line-dot);transform:translateY(-4px)}
.drow .dr{color:var(--dim);font-size:13.5px;text-align:right}
.drow .dr b{color:var(--ink);font-family:var(--label);font-weight:500;letter-spacing:.06em;font-size:14px}
.drow .dsub{display:block;color:var(--faint);font-size:12.5px;margin-top:3px;letter-spacing:0;text-transform:none;font-family:var(--body);font-weight:400}

/* menu layout */
.menu-head{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,60px);align-items:end}
.menu-intro{color:var(--dim);font-size:15.5px;max-width:40ch}
.menu-cols2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);margin-top:clamp(30px,4vw,44px);padding-top:clamp(22px,3vw,30px);border-top:1px solid var(--line)}
.menu-cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px);margin-top:clamp(38px,6vw,70px)}
@media (min-width:1001px){.menu-cols3.is-2{grid-template-columns:repeat(2,1fr)}}
.mgroup h3{font-family:var(--label);font-weight:600;font-size:13px;letter-spacing:.26em;color:var(--red-bright);margin-bottom:10px}
.mnote{margin-top:clamp(28px,4vw,40px);color:var(--faint);font-size:13px}
.mnote a{color:var(--dim);text-decoration:underline;text-underline-offset:3px}
.mnote a:hover{color:var(--ink)}

/* toggle (speisekarte) */
.mtoggle{display:inline-flex;border:1px solid var(--line);margin-top:clamp(26px,4vw,40px)}
.mtoggle button{font-family:var(--label);font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:12px 26px;color:var(--dim);transition:background .2s,color .2s}
.mtoggle button.active{background:var(--ink);color:#0b0b0c}
.mlist[hidden]{display:none}

/* ---------- story ---------- */
.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,80px);align-items:center;margin-top:clamp(30px,4vw,50px)}
.story-grid .simg{border:1px solid var(--line)}
.fact{padding:18px 0;border-bottom:1px solid var(--line)}
.fact:first-child{border-top:1px solid var(--line)}
.fact h3{font-family:var(--label);font-weight:600;font-size:14px;letter-spacing:.2em}
.fact p{color:var(--dim);font-size:14.5px;margin:6px 0 0}

/* quote band */
.qband{text-align:center;padding:clamp(60px,9vw,120px) var(--pad);background:var(--panel);border-block:1px solid var(--line)}
.qband blockquote{margin:0;font-family:var(--display);font-size:clamp(28px,5vw,56px);text-transform:uppercase;line-height:1.1}
.qband blockquote span{color:var(--red-bright)}
.qband cite{display:block;margin-top:18px;font-style:normal;color:var(--faint);font-family:var(--label);font-size:12px;letter-spacing:.3em;text-transform:uppercase}

/* ---------- standort ---------- */
.loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,70px);margin-top:clamp(30px,4vw,50px)}
.loc-rows .drow{padding:16px 0;border-bottom:1px solid var(--line)}
.loc-rows .drow:first-child{border-top:1px solid var(--line)}
.loc-rows .dl{color:var(--faint);font-size:12px}
.loc-rows .dr{color:var(--ink);font-family:var(--label);font-weight:400;letter-spacing:.08em;font-size:14px;line-height:1.8}
.map2{position:relative;border:1px solid var(--line);background:var(--panel-2);min-height:340px}
.map2 iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.35) contrast(1.05)}
.map2 .map-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:24px;color:var(--dim);font-size:13.5px}
.status2{display:inline-flex;align-items:center;gap:9px;font-family:var(--label);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-top:18px}
.status2 .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:pulse2 2s infinite}
.status2.closed .dot{background:var(--red-bright);box-shadow:0 0 10px var(--red-bright);animation:none}
.status2.pending .dot{background:var(--faint);box-shadow:none;animation:none}
@keyframes pulse2{0%,100%{opacity:1}50%{opacity:.4}}

/* ---------- gallery strip (ueber-uns) ---------- */
.split2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,70px);align-items:center}
.split2 + .split2{margin-top:clamp(50px,8vw,110px)}
.split2 .simg{border:1px solid var(--line)}
.split2 h2{margin-bottom:16px}
.split2 p{color:var(--dim);font-size:15.5px}

/* faq */
.faq2{margin-top:clamp(30px,4vw,50px);border-top:1px solid var(--line)}
.faq2 details{border-bottom:1px solid var(--line)}
.faq2 summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-family:var(--label);font-weight:500;font-size:15px;letter-spacing:.12em;text-transform:uppercase}
.faq2 summary::-webkit-details-marker{display:none}
.faq2 summary::after{content:'+';font-family:var(--display);font-size:22px;color:var(--red-bright);transition:transform .25s}
.faq2 details[open] summary::after{transform:rotate(45deg)}
.faq2 .fa{color:var(--dim);font-size:15px;padding:0 0 20px;max-width:70ch}

/* ---------- footer ---------- */
.ftr{background:#080809;border-top:1px solid var(--line);padding-top:clamp(50px,7vw,80px)}
.ftr-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:clamp(26px,4vw,54px)}
.ftr-brand img{width:60px;height:auto}
.ftr-brand .tag{font-family:var(--label);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--faint);margin-top:14px}
.ftr .fh{font-family:var(--label);font-weight:600;font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--faint);margin:0 0 18px}
.ftr li{margin-bottom:10px}
.ftr li a,.ftr address,.ftr .fline{color:var(--dim);font-style:normal;font-size:14px;line-height:1.7}
.ftr .fline{margin:0 0 1em}
.ftr li a:hover{color:var(--ink)}
.ftr .fline b{color:var(--ink);font-weight:600}
.ftr-bottom{margin-top:clamp(40px,6vw,60px);border-top:1px solid rgba(255,255,255,.07);padding:20px 0;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;font-size:12.5px;color:var(--faint)}
.ftr-bottom .legal{display:flex;gap:20px}
.ftr-bottom a:hover{color:var(--ink)}

/* ---------- FABs (mobile) ---------- */
.fab-call,.fab-route{
  position:fixed;right:18px;z-index:980;width:56px;height:56px;border-radius:50%;
  display:none;align-items:center;justify-content:center;
  box-shadow:0 10px 28px rgba(0,0,0,.5);
}
.fab-call{bottom:calc(18px + env(safe-area-inset-bottom,0px));background:var(--red);color:#fff}
.fab-route{bottom:calc(86px + env(safe-area-inset-bottom,0px));background:var(--ink);color:#0b0b0c}
.fab-call svg,.fab-route svg{width:22px;height:22px}
.fab-route svg{transform:rotate(18deg)}
.nav-open .fab-call,.nav-open .fab-route{display:none !important}

/* page hero (subpages) */
.phero{padding:calc(var(--header-h) + clamp(50px,9vw,100px)) 0 clamp(36px,6vw,64px);border-bottom:1px solid var(--line);background:var(--panel)}
.crumbs{font-family:var(--label);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);margin-bottom:18px;display:flex;gap:10px}
.crumbs a:hover{color:var(--ink)}

/* prose (legal) */
.prose2{max-width:740px}
.prose2 h2{font-size:clamp(20px,2.6vw,30px);margin:2.2em 0 .6em}
.prose2 p,.prose2 li{color:var(--dim);font-size:15px}
.prose2 a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.prose2 ul{list-style:disc;padding-left:22px}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.rv.in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}

/* 404 */
.err2{min-height:70vh;padding:calc(var(--header-h) + 24px) 0;display:flex;align-items:center;text-align:center}
.err2 .d-xl{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.3);font-size:clamp(90px,20vw,220px)}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(3){border-left:0}
  .stat:nth-child(n+3){border-top:1px solid var(--line)}
  .kiez-grid{grid-template-columns:1fr}
  .hdr-nav{display:none}
  .burger2{display:block}
  .hdr-logo{position:static;transform:none}
  .menu-cols3{grid-template-columns:1fr}
  .menu-cols2,.menu-head,.story-grid,.loc-grid,.split2,.ftr-grid{grid-template-columns:1fr}
  .ftr-grid{grid-template-columns:1fr 1fr}
  .vids{grid-template-columns:repeat(3,minmax(240px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
  .vid-card{scroll-snap-align:start}
}
@media (max-width:640px){
  .ftr-grid{grid-template-columns:1fr}
  .fab-call,.fab-route{display:flex}
  /* Platz fuer die beiden schwebenden Buttons (86px + 56px Hoehe) */
  .ftr{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}

  /* Hero im Hochformat: Das Artwork ist 16:9. Wuerde es die ganze
     Bildschirmhoehe fuellen, muesste es seitlich so stark beschnitten
     werden, dass das Logo verschwindet. Deshalb bekommt das Bild ein
     eigenes Band oben, der Text sitzt darunter auf Schwarz. */
  .hero2{flex-direction:column;align-items:stretch;justify-content:flex-start}
  .hero2 .hero-bg{
    position:relative;inset:auto;
    width:100%;height:56svh;
    object-position:center 45%;
    transform-origin:center center;
  }
  .hero2 .wrap{
    flex:1;display:flex;flex-direction:column;justify-content:center;
    align-items:flex-start;gap:20px;
    padding-bottom:calc(150px + env(safe-area-inset-bottom,0px));
  }
  /* Verlauf nur ueber dem Bildband, damit der Textbereich sauber schwarz bleibt */
  .hero2::after{bottom:auto;height:56svh}
  .hdr .btn2{padding:10px 14px;font-size:11px}
}
@media (hover:none){
  .fab-call,.fab-route{display:flex}
  .ftr{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
  .hero2 .wrap{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;animation-delay:-1ms !important;transition-duration:.01ms !important;transition-delay:0s !important}
  .rv{opacity:1;transform:none}
}