/* IP-Styling – Gestaltung der Website
   Farbwerte stammen aus den Salonfotos, nicht aus freier Wahl.
   --deep, --wineOnDeep und --onWine bleiben in BEIDEN Themes gleich;
   ersetzt man sie durch --ink oder Weiss, kippt der Kontrast. */

/* Schriften liegen auf dem eigenen Server.
   Von Google geladene Schriften uebertragen die IP jedes Besuchers dorthin -
   das LG Muenchen hat dafuer 2022 Schadenersatz zugesprochen. */

@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url('/vorschau/fonts/jost-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url('/vorschau/fonts/jost-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('/vorschau/fonts/jost-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('/vorschau/fonts/jost-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('/vorschau/fonts/jost-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('/vorschau/fonts/jost-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('/vorschau/fonts/jost-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('/vorschau/fonts/jost-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Karla';
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url('/vorschau/fonts/karla-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Karla';
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url('/vorschau/fonts/karla-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Karla';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('/vorschau/fonts/karla-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Karla';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('/vorschau/fonts/karla-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Karla';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('/vorschau/fonts/karla-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Karla';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('/vorschau/fonts/karla-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Karla';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('/vorschau/fonts/karla-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Karla';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('/vorschau/fonts/karla-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root{
  /* Farben direkt aus den Salonfotos entnommen */
  --cream:#F9F1EC;        /* Wandton innen */
  --cream-deep:#F1E6DF;
  --rose:#E7D6D6;         /* Rosewand */
  --rose-deep:#C0AEB7;
  --wood:#A1846C;         /* Holzboden, Fassade */
  --wine:#8C3A46;         /* Schildrot */
  --onWine:#FFF8F5;       /* Schrift auf gefuelltem Knopf */
  --wine-deep:#6E2934;
  --slate:#7D8F9F;        /* Dachziegel */
  --ink:#261719;          /* warmes Tiefbraun */
  --ink-soft:#5A4643;
  --muted:#8B7772;
  --line:#DFD0C8;
  /* Der dunkle Balken bleibt in BEIDEN Themes dunkel - deshalb eigene Tokens,
     die nicht mit --ink umschlagen. */
  --deep:#241618;
  --wineOnDeep:#DE97A0;
  --onDark:#F6EDE8;
  --onDark-soft:#E3D5CF;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --cream:#191113;
    --cream-deep:#211618;
    --rose:#2A1D20;
    --rose-deep:#3A2A2D;
    --wood:#C6A588;
    --wine:#CF8892;
    --onWine:#2A1517;
    --wine-deep:#E0A0A8;
    --slate:#92A4B3;
    --ink:#F2E8E3;
    --ink-soft:#CBB8B2;
    --muted:#9A867F;
    --line:#3A2A2C;
    --onDark:#F6EDE8;
    --onDark-soft:#E3D5CF;
  }
}
:root[data-theme="dark"]{
  --cream:#191113;
  --cream-deep:#211618;
  --rose:#2A1D20;
  --rose-deep:#3A2A2D;
  --wood:#C6A588;
  --wine:#CF8892;
  --onWine:#2A1517;
  --wine-deep:#E0A0A8;
  --slate:#92A4B3;
  --ink:#F2E8E3;
  --ink-soft:#CBB8B2;
  --muted:#9A867F;
  --line:#3A2A2C;
  --onDark:#F6EDE8;
  --onDark-soft:#E3D5CF;
}

*{box-sizing:border-box}

/* Sanft scrollen statt springen. Der Versatz verhindert, dass die
   Kopfleiste die Überschrift des Ziels verdeckt. */
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:74px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

body{
  margin:0;background:var(--cream);color:var(--ink);
  font-family:"Karla","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:16.5px;line-height:1.7;-webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}

/* ============ gemeinsame Typo ============ */
.eyebrow{
  font-family:"Jost",Futura,"Century Gothic",sans-serif;
  text-transform:uppercase;letter-spacing:.34em;font-size:11.5px;font-weight:500;
  color:var(--wine);margin:0 0 18px
}
.eyebrow--light{color:var(--wineOnDeep)}
h2{
  font-family:"Jost",Futura,sans-serif;font-weight:300;
  text-transform:uppercase;letter-spacing:.16em;
  font-size:clamp(23px,3.6vw,34px);line-height:1.28;
  margin:0 0 30px;text-wrap:balance
}
h3{
  font-family:"Jost",Futura,sans-serif;font-weight:500;
  text-transform:uppercase;letter-spacing:.2em;font-size:13px;
  margin:0 0 10px
}
p{margin:0 0 18px}
a{color:inherit}

/* ============ Bänder ============ */
.band{padding:clamp(72px,11vw,132px) 24px}
.band--cream{background:var(--cream)}
.band--rose{background:var(--rose)}
.band--deep{background:var(--deep);color:var(--onDark)}
.band--deep h2{color:var(--onDark);font-weight:400}
.band--deep p{color:var(--onDark)}
.band--deep .quiet{color:var(--onDark-soft)}
.inner{max-width:1120px;margin:0 auto}
.narrow{max-width:640px;margin:0 auto;text-align:center}
.narrow p{color:var(--ink-soft)}
.band--deep .narrow p{color:var(--onDark-soft)}

/* ============ Kopf / Navigation ============ */
.topbar{
  position:sticky;top:0;z-index:40;
  background:color-mix(in srgb, var(--cream) 92%, transparent);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.topbar .inner{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:13px 24px;max-width:1200px
}
/* Logo als austauschbare Bilddatei: web/img/logo.png und logo-klein.png
   ersetzen genuegt, die Groesse regelt das CSS ueber die Hoehe. */
.brand{display:block;line-height:0;text-decoration:none}
.brand img{height:44px;width:auto;display:block}
@media (max-width:520px){.brand img{height:34px}}
.mainnav{display:flex;gap:26px;flex-wrap:wrap}
.mainnav a{
  font-family:"Jost",Futura,sans-serif;text-transform:uppercase;
  letter-spacing:.16em;font-size:11.5px;font-weight:400;
  text-decoration:none;color:var(--ink-soft);padding:4px 0;
  border-bottom:1px solid transparent
}
.mainnav a:hover,.mainnav a:focus-visible{color:var(--wine);border-bottom-color:var(--wine)}
@media (max-width:860px){.mainnav{display:none}}

/* ============ Hero ============ */
.hero{position:relative;min-height:min(78vh,660px);display:grid;place-items:center;overflow:hidden;background:var(--deep)}
.hero-stage{position:absolute;inset:0}
.hero-stage img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
}
.hero-stage img.h2i{opacity:0;animation:fade2 24s infinite}
.hero-stage img.h3i{opacity:0;animation:fade3 24s infinite}
@keyframes fade2{0%,29%{opacity:0}34%,62%{opacity:1}67%,100%{opacity:0}}
@keyframes fade3{0%,62%{opacity:0}67%,95%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .hero-stage img.h2i,.hero-stage img.h3i{animation:none;opacity:0}
}
.hero-veil{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 62% 58% at 50% 46%,rgba(38,23,25,.66) 0%,rgba(38,23,25,.18) 68%,rgba(38,23,25,0) 100%),
    linear-gradient(180deg,rgba(38,23,25,.58) 0%,rgba(38,23,25,.34) 42%,rgba(38,23,25,.74) 100%);
}
.hero-content{
  position:relative;text-align:center;padding:64px 24px;color:var(--onDark);
  text-shadow:0 1px 14px rgba(38,23,25,.55)
}
.hero-logo-img{
  width:min(78vw,430px);height:auto;margin:0 auto 26px;
  filter:drop-shadow(0 3px 18px rgba(20,12,13,.55))
}
.hero-meta{
  font-family:"Jost",Futura,sans-serif;text-transform:uppercase;
  letter-spacing:.2em;font-size:11px;color:var(--onDark-soft);margin:0
}

/* ============ Buttons ============ */
.btn{
  display:inline-block;font-family:"Jost",Futura,sans-serif;
  text-transform:uppercase;letter-spacing:.2em;font-size:11.5px;font-weight:500;
  padding:15px 34px;text-decoration:none;border:1px solid currentColor;
  transition:background .18s ease,color .18s ease
}
/* Schriftfarbe des gefuellten Knopfes braucht ein eigenes Token: --wine wird im
   Dunkelmodus hell, weisse Schrift darauf waere unlesbar. */
.btn--solid{background:var(--wine);border-color:var(--wine);color:var(--onWine)}
.btn--solid:hover,.btn--solid:focus-visible{background:var(--wine-deep);border-color:var(--wine-deep)}
.btn--ghost{color:var(--onDark);border-color:rgba(246,237,232,.62)}
.btn--ghost:hover,.btn--ghost:focus-visible{background:var(--onDark);color:var(--deep)}
:focus-visible{outline:2px solid var(--wine);outline-offset:3px}
.band--deep :focus-visible{outline-color:var(--onDark)}

/* ============ Willkommen: Bild + Text ============ */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
@media (max-width:820px){.split{grid-template-columns:1fr}}
.split img{width:100%;height:100%;max-height:520px;object-fit:cover}
.split .txt p{color:var(--ink-soft)}
.since{
  font-family:"Jost",Futura,sans-serif;text-transform:uppercase;
  letter-spacing:.24em;font-size:11px;color:var(--muted);
  margin:28px 0 0;padding-top:18px;border-top:1px solid var(--line)
}

/* ============ Leistungen ============ */
/* Fließende Liste statt Kachelraster: es können keine leeren Zellen entstehen */
.services{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));
  gap:0 clamp(28px,4vw,56px);margin-top:26px
}
.service{padding:19px 0 21px;border-top:1px solid var(--rose-deep)}
.service .nm{
  font-family:"Jost",Futura,sans-serif;text-transform:uppercase;
  letter-spacing:.16em;font-size:12.5px;font-weight:500;margin:0 0 5px;display:block
}
.service .ds{font-size:14px;color:var(--ink-soft);margin:0;line-height:1.55;opacity:.82}

/* ============ LPG ============ */
.feature{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,68px);align-items:center}
@media (max-width:820px){.feature{grid-template-columns:1fr}}
.feature img{width:100%;object-fit:cover;max-height:480px}

/* ============ Preise ============ */
.prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:clamp(26px,4vw,54px);margin-top:16px}
.pricegroup h3{
  color:var(--wine);border-bottom:2px solid var(--wine);
  padding-bottom:9px;margin:0 0 4px
}
.priceitem{
  display:flex;justify-content:space-between;align-items:baseline;gap:18px;
  padding:10px 0;border-bottom:1px solid var(--line);font-size:15px
}
.priceitem .nm{color:var(--ink-soft)}
.priceitem .pr{
  white-space:nowrap;font-variant-numeric:tabular-nums;
  color:var(--ink);font-weight:500
}
.priceitem--sub .nm{padding-left:14px;font-size:14px;color:var(--muted)}
.pricefree{
  margin-top:44px;background:var(--wine);color:var(--onWine);
  padding:clamp(22px,3.5vw,32px);text-align:center
}
.pricefree .big{
  font-family:"Jost",Futura,sans-serif;text-transform:uppercase;
  letter-spacing:.2em;font-size:clamp(15px,2.4vw,20px);margin:0 0 8px;font-weight:400
}
.pricefree p{margin:0;font-size:15px;color:var(--onWine);opacity:.9}
.pricenote{margin-top:26px;font-size:14px;color:var(--muted);text-align:center}

/* ============ Buchung ============ */
.steps{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:28px;margin:44px 0 0;text-align:left
}
.step{border-top:2px solid var(--wineOnDeep);padding-top:16px}
.step .n{
  font-family:"Jost",Futura,sans-serif;font-size:11px;letter-spacing:.24em;
  color:var(--wineOnDeep);display:block;margin-bottom:8px;text-transform:uppercase
}
.step p{font-size:15px;margin:0;color:var(--onDark-soft)}
.step b{color:var(--onDark);font-weight:500;display:block;margin-bottom:4px;
  font-family:"Jost",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12.5px}

/* ============ Galerie ============ */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.gallery img{width:100%;height:100%;object-fit:cover}
.gallery .tall{grid-row:span 2}
.gallery figure{margin:0;overflow:hidden;background:var(--rose-deep);aspect-ratio:3/2}
.gallery figure.tall{aspect-ratio:3/4}
@media (max-width:760px){
  .gallery{grid-template-columns:repeat(2,1fr)}
}

/* ============ Kontakt ============ */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px)}
@media (max-width:820px){.contact{grid-template-columns:1fr}}
.dl{margin:0;display:grid;gap:22px}
.dl .k{
  font-family:"Jost",Futura,sans-serif;text-transform:uppercase;
  letter-spacing:.22em;font-size:10.5px;color:var(--muted);margin:0 0 4px
}
.dl .v{margin:0;font-size:16px;line-height:1.65}
.dl .v a{color:var(--wine);text-decoration:none;border-bottom:1px solid currentColor}
.hours{width:100%;border-collapse:collapse;font-size:15px}
.hours td{padding:7px 0;border-bottom:1px solid var(--line);vertical-align:top}
.hours td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-soft)}
.todo{color:var(--wine);font-style:italic}

/* ============ Fuß ============ */
.foot{background:var(--deep);color:var(--onDark-soft);padding:52px 24px;font-size:14px}
.foot .inner{display:flex;flex-wrap:wrap;gap:26px 48px;justify-content:space-between;align-items:flex-start}
.foot a{color:var(--onDark-soft)}
.foot .legal{max-width:44ch;line-height:1.7}
.foot .fl{
  font-family:"Jost",sans-serif;text-transform:uppercase;letter-spacing:.2em;
  font-size:10.5px;color:var(--onDark);margin:0 0 10px
}

/* ============ Lightbox fuer Impressum / Datenschutz ============
   Reines CSS ueber :target - funktioniert auch ohne JavaScript, und das
   Impressum muss rechtlich immer erreichbar sein. */
.modal{position:fixed;inset:0;z-index:100;display:none}
.modal:target{display:block}
.modal-bg{
  position:absolute;inset:0;background:rgba(20,12,13,.76);
  backdrop-filter:blur(3px);display:block
}
.modal-box{
  position:relative;max-width:720px;margin:4vh auto;max-height:92vh;
  overflow-y:auto;background:var(--cream);color:var(--ink);
  padding:clamp(28px,5vw,52px);box-shadow:0 24px 70px -20px rgba(20,12,13,.6)
}
.modal-box h3{font-size:12px;margin:30px 0 8px;color:var(--wine)}
.modal-box h3:first-of-type{margin-top:22px}
.modal-box p{font-size:15px;color:var(--ink-soft);margin:0 0 14px;max-width:none}
.modal-box .lead{font-size:16px;color:var(--ink)}
.modal-title{
  font-family:"Jost",Futura,sans-serif;font-weight:300;text-transform:uppercase;
  letter-spacing:.18em;font-size:clamp(20px,3.4vw,27px);margin:0;
  padding-right:48px;line-height:1.25
}
.modal-close{
  position:absolute;top:14px;right:16px;width:40px;height:40px;
  display:grid;place-items:center;text-decoration:none;
  font-family:"Jost",sans-serif;font-size:24px;line-height:1;
  color:var(--muted);border:1px solid var(--line);background:var(--cream)
}
.modal-close:hover,.modal-close:focus-visible{color:var(--wine);border-color:var(--wine)}
.modal-note{
  background:var(--rose);border-left:3px solid var(--wine);
  padding:13px 16px;font-size:14px;color:var(--ink);margin:18px 0
}
.modal-box dl{display:grid;gap:3px;margin:0 0 18px;font-size:15px}
.modal-box dl b{font-family:"Jost",sans-serif;text-transform:uppercase;
  letter-spacing:.14em;font-size:10.5px;color:var(--muted);display:block;margin-top:12px}