/* ====== Lokale Fonts (WOFF2, DSGVO + Speed) — Spectral + Figtree ====== */
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/spectral-400.woff2') format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/spectral-500.woff2') format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/spectral-600.woff2') format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/spectral-700.woff2') format('woff2');}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/figtree-var.woff2') format('woff2');}

/* ============================================================
   Hebamme Stephanie Bruckmüller — Design-Prototyp
   Farben + Schriften + Texte wie aktuelle Live-Seite, ruhig & luftig
   ============================================================ */
:root{
  /* Flächen */
  --bg:        #ffffff;
  --soft:      #f4f5f7;   /* alternierende ruhige Sektion */
  /* Schrift */
  --ink:       #272626;   /* Fließtext (wie Live) */
  --ink-soft:  #565353;
  --ink-mute:  #706d6d;
  /* Marke (wie Live) */
  --pink:      #DA0B85;
  --pink2:     #DA0B5C;
  --plum:      #810947;   /* Überschriften */
  --grad:      linear-gradient(118deg, #DA0B85 0%, #DA0B5C 100%);
  --grad-soft: linear-gradient(118deg, rgba(218,11,133,.10), rgba(218,11,92,.10));
  --grad-fwn:  linear-gradient(118deg, #46c98a, #2f9e7e);
  --line:      #e7e4e6;

  --container: 1180px;
  --gutter: clamp(24px, 5vw, 64px);
  --r: 16px;
  --r-lg: 28px;
  --ease: cubic-bezier(.16,1,.3,1);

  /* Type-Scale: Major Third (1.25), Basis 16px */
  --fs-base: 1rem;                          /* 16   Body */
  --display: clamp(2.7rem, 7vw, 4.768rem);  /* 76.3 Hero */
  --h1: clamp(2.5rem, 5.5vw, 3.815rem);     /* 61   */
  --h2: clamp(2rem, 4.5vw, 3.052rem);       /* 48.8 */
  --h3: clamp(1.6rem, 2.8vw, 2.441rem);     /* 39   */
  --h4: clamp(1.45rem, 2.2vw, 1.953rem);    /* 31.25*/
  --h5: 1.5625rem;                          /* 25   */
  --h6: 1.25rem;                            /* 20   */
  --lead: 1rem;                             /* 16   (= Body, einheitlich) */
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:"Figtree", system-ui, sans-serif;
  font-size:var(--fs-base); line-height:1.75; font-weight:400;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{font-family:"Spectral", Georgia, serif; font-weight:600; line-height:1.12; margin:0; color:var(--plum);}
h1{font-size:var(--h1); font-weight:700;}
h2{font-size:var(--h2);}
h3{font-size:var(--h3);}
p{margin:0;}
a{color:inherit; text-decoration:none;}
img{display:block; max-width:100%; height:auto;}

/* A11y & Lesekomfort (für Mütter: ruhig lesbar, gut bedienbar, barrierefrei) */
:focus-visible{outline:3px solid var(--pink); outline-offset:3px; border-radius:8px;}
.btn:focus-visible{outline-offset:4px;}
::selection{background:rgba(218,11,133,.16); color:var(--plum);}
p, li, .lead, .acc-title{overflow-wrap:break-word; hyphens:auto;}
.sub{overflow-wrap:break-word; hyphens:none;}
h1, h2, h3{overflow-wrap:break-word;}
section[id], #top{scroll-margin-top:100px;}
a, button{-webkit-tap-highlight-color:transparent;}

.container{max-width:var(--container); margin-inline:auto; padding-inline:var(--gutter);}
.eyebrow{font-family:"Figtree",sans-serif; font-size:.8rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--pink); display:inline-flex; align-items:center; gap:.6rem;}
.eyebrow::before{content:""; width:28px; height:2px; background:var(--grad); border-radius:2px;}
.lead{font-size:var(--lead); color:var(--ink-soft); line-height:1.75;}
.measure{max-width:64ch;}

/* Buttons */
.btn{display:inline-flex; align-items:center; gap:.55rem; padding:1rem 1.75rem; border-radius:999px; font-family:"Figtree",sans-serif; font-weight:600; font-size:1rem; line-height:1; white-space:nowrap; cursor:pointer; border:1px solid transparent; transition:transform 200ms var(--ease), box-shadow 200ms var(--ease), border-color 200ms ease; will-change:transform;}
.btn-primary{background:var(--grad); color:#fff; box-shadow:0 12px 28px -12px rgba(218,11,92,.6);}
.btn-ghost{background:transparent; color:var(--plum); border-color:var(--line);}
@media (hover:hover) and (pointer:fine){
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 18px 36px -12px rgba(218,11,92,.65);}
  .btn-ghost:hover{transform:translateY(-2px); border-color:var(--pink); color:var(--pink);}
  .btn:hover svg{transform:translateX(3px);}
}
.btn:active{transform:scale(.97); transition-duration:120ms;}
.btn svg{width:1.05em; height:1.05em; transition:transform 200ms var(--ease); will-change:transform;}
.btn-block{width:100%; justify-content:center;}

/* ---------- Header ---------- */
header.site{position:sticky; top:0; z-index:60; background:rgba(255,255,255,.86); backdrop-filter:saturate(1.2) blur(10px); border-bottom:1px solid transparent; transition:border-color .3s, background .3s;}
header.site.scrolled{border-bottom-color:var(--line);}
.nav{display:flex; align-items:center; justify-content:space-between; gap:1.5rem; height:80px;}
.brand{display:flex; align-items:center; gap:.7rem; font-family:"Spectral",serif; font-weight:700; font-size:1.22rem; color:var(--plum); flex:0 0 auto;}
.brand img{width:42px; height:42px; object-fit:contain; flex:0 0 auto;}
.brand > span{display:block; white-space:nowrap; line-height:1.05;}
.brand small{display:block; font-family:"Figtree",sans-serif; font-weight:600; font-size:.62rem; letter-spacing:.18em; text-transform:uppercase; color:var(--ink-mute); margin-top:2px;}
.nav-links{display:flex; align-items:center; gap:2.2rem; list-style:none; margin:0; padding:0;}
.nav-links a{font-family:"Figtree",sans-serif; font-weight:500; font-size:.96rem; color:var(--ink-soft); position:relative; padding:.2rem 0;}
.nav-links a::after{content:""; position:absolute; left:0; bottom:-2px; height:2px; width:0; background:var(--grad); border-radius:2px; transition:width .35s var(--ease);}
.nav-links a:hover{color:var(--ink);}
.nav-links a:hover::after{width:100%;}
.nav-cta{display:flex; align-items:center; gap:.8rem;}
.burger{display:none; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; padding:8px;}
.burger span{width:26px; height:2px; background:var(--plum); border-radius:2px; transition:transform .3s var(--ease), opacity .3s ease;}

.mobile-menu{position:fixed; inset:0; z-index:70; background:linear-gradient(160deg, #ffffff 0%, #fbf1f6 100%); display:flex; flex-direction:column; padding:var(--gutter); opacity:0; transform:scale(1.03); transition:opacity .3s var(--ease), transform .45s var(--ease), visibility .45s; visibility:hidden;}
.mobile-menu.open{opacity:1; transform:none; visibility:visible;}
.mobile-menu .mm-top{display:flex; justify-content:space-between; align-items:center; height:80px;}
.mm-close{background:none; border:1px solid var(--line); border-radius:50%; width:44px; height:44px; cursor:pointer; font-size:1.5rem; line-height:1; color:var(--plum); display:grid; place-items:center; transition:transform .3s var(--ease), border-color .25s ease, color .25s ease;}
.mm-close:hover{transform:rotate(90deg); border-color:var(--pink); color:var(--pink);}
.mobile-menu ul{list-style:none; margin:auto 0; padding:0; display:flex; flex-direction:column;}
.mobile-menu li{border-bottom:1px solid var(--line);}
.mobile-menu a{display:block; font-family:"Spectral",serif; font-size:2rem; font-weight:600; color:var(--plum); padding:.8rem 0; transition:color .2s ease, padding-left .3s var(--ease);}
.mobile-menu a:hover{color:var(--pink); padding-left:.5rem;}
.mm-foot{display:flex; flex-direction:column; gap:.9rem; margin-top:1.6rem;}
.mobile-menu.open li, .mobile-menu.open .mm-foot{animation:mmIn .5s var(--ease) both;}
.mobile-menu.open li:nth-child(1){animation-delay:.05s;} .mobile-menu.open li:nth-child(2){animation-delay:.11s;}
.mobile-menu.open li:nth-child(3){animation-delay:.17s;} .mobile-menu.open li:nth-child(4){animation-delay:.23s;}
.mobile-menu.open .mm-foot{animation-delay:.29s;}
@keyframes mmIn{from{opacity:0; transform:translateY(12px);} to{opacity:1; transform:none;}}
@media (prefers-reduced-motion: reduce){ .mobile-menu{transition:opacity .2s; transform:none;} .mobile-menu.open li, .mobile-menu.open .mm-foot{animation:none;} }

/* ---------- Hero ---------- */
.hero{position:relative; overflow:hidden; padding-block:clamp(3rem,7vw,6rem) clamp(4.5rem,10vw,9rem);}
.hero-grid{display:grid; grid-template-columns:.92fr 1.08fr; gap:clamp(2.5rem,6vw,6rem); align-items:center;}
.hero h1{margin:1.2rem 0 0; font-size:var(--display);}
.hero .sub{font-family:"Spectral",serif; font-size:var(--h4); color:var(--ink); margin-top:1rem; line-height:1.25;}
.hero .lead{margin-top:1.3rem; max-width:46ch;}
.hero-actions{display:flex; flex-wrap:wrap; gap:1rem; margin-top:2.4rem;}
.hero-logo{position:relative; display:grid; place-items:center; justify-self:center;}
.hero-logo::before{content:""; position:absolute; width:86%; aspect-ratio:1/1; border-radius:50%; background:var(--grad-soft); filter:blur(50px); z-index:0;}
.hero-logo img{position:relative; z-index:1; width:min(380px, 80%); height:auto; filter:drop-shadow(0 24px 40px rgba(129,9,71,.18));}

.js .hero-logo{animation:heroLogo 760ms var(--ease) both;}
.js .hero-copy > *{animation:heroUp 680ms var(--ease) both;}
.js .hero-copy .eyebrow{animation-delay:120ms;} .js .hero-copy h1{animation-delay:190ms;}
.js .hero-copy .sub{animation-delay:280ms;} .js .hero-copy .lead{animation-delay:360ms;} .js .hero-copy .hero-actions{animation-delay:440ms;}
@keyframes heroLogo{from{opacity:0; transform:scale(.94);} to{opacity:1; transform:none;}}
@keyframes heroUp{from{opacity:0; transform:translateY(18px);} to{opacity:1; transform:none;}}
@media (prefers-reduced-motion: reduce){ .js .hero-logo, .js .hero-copy > *{animation:none;} }

/* ---------- Section frame ---------- */
section{padding-block:clamp(5rem,11vw,10rem);}
.soft{background:var(--soft);}
.sec-head{max-width:none;}
.sec-head h2{margin-top:1.1rem;}
.sec-head p{margin-top:1.2rem;}

/* ---------- Leistungen: ruhiges Akkordeon ---------- */
.acc{margin-top:3.5rem; border-top:1px solid var(--line);}
.acc-item{border-bottom:1px solid var(--line);}
.acc-head{width:100%; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:1.5rem; padding:2rem 0; background:none; border:0; cursor:pointer; text-align:left; font-family:inherit;}
.acc-num{font-family:"Spectral",serif; font-size:1.05rem; font-weight:600; color:var(--pink);}
.acc-title{font-family:"Spectral",serif; font-size:var(--h4); font-weight:600; color:var(--plum); line-height:1.2; transition:color 200ms ease;}
.acc-chev{width:34px; height:34px; border-radius:50%; border:1px solid var(--line); display:grid; place-items:center; color:var(--pink); transition:transform 300ms var(--ease), background 200ms ease;}
.acc-chev svg{width:18px; height:18px;}
@media (hover:hover) and (pointer:fine){ .acc-head:hover .acc-title{color:var(--pink);} .acc-head:hover .acc-chev{background:var(--grad-soft);} }
.acc-item.open .acc-chev{transform:rotate(180deg);}
.acc-panel{display:grid; grid-template-rows:1fr;}
.js .acc-panel{grid-template-rows:0fr; transition:grid-template-rows 320ms var(--ease);}
.js .acc-item.open .acc-panel{grid-template-rows:1fr;}
.acc-inner{overflow:hidden;}
.acc-body{padding:0 0 2.2rem; color:var(--ink-soft); display:flex; flex-direction:column; gap:1rem;}
.js .acc-body{opacity:0; transition:opacity 260ms ease 80ms;}
.js .acc-item.open .acc-body{opacity:1;}
@media (prefers-reduced-motion: reduce){
  .js .acc-panel{transition:none;}
  .js .acc-body{opacity:1; transition:none;}
}
.acc-body ul{margin:0; padding-left:1.2rem; display:flex; flex-direction:column; gap:.45rem;}
.acc-body .label{font-weight:600; color:var(--ink); margin-bottom:-.4rem;}
.acc-body .kasse{font-size:.95rem; color:var(--ink-mute); border-top:1px dashed var(--line); padding-top:1rem;}

/* ---------- Über mich / Was mich ausmacht ---------- */
.two{display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(2.5rem,6vw,5.5rem); align-items:center;}
.two.flip .fig{order:2;}
.fig{position:relative;}
.fig img{border-radius:var(--r-lg); width:100%; aspect-ratio:4/5; object-fit:cover; object-position:center top; box-shadow:0 36px 70px -40px rgba(129,9,71,.4);}
.fig .frame{position:absolute; inset:16px -16px -16px 16px; border:1.5px solid var(--pink); border-radius:var(--r-lg); z-index:-1; opacity:.45;}
.prose{display:flex; flex-direction:column; gap:1.15rem;}
.prose p{color:var(--ink-soft);}
/* Einstiegs-Absatz größer & dunkler → zieht in den Text, bricht die Monotonie */
.prose > p:first-of-type, .prose-cols > p:first-child{font-size:var(--h6); line-height:1.55; color:var(--ink);}
/* Lange Fließtexte als ruhige 2-Spalten (Desktop) → kürzere Zeilen, redaktioneller Rhythmus */
.prose-cols{display:flex; flex-direction:column; gap:1.15rem;}
@media (min-width:961px){
  .prose-cols{display:block; columns:2; column-gap:clamp(2rem,4vw,3.5rem);}
  .prose-cols p{margin:0 0 1.1rem; break-inside:avoid;}
  .prose-cols > p:first-child{column-span:all; margin-bottom:1.4rem;}
}
.prose h2{margin-bottom:.4rem;}

/* Werdegang */
.cols{display:grid; grid-template-columns:1.25fr .75fr; gap:clamp(2.5rem,6vw,5rem); margin-top:3.5rem;}
.block h3{font-family:"Figtree",sans-serif; font-size:.8rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--pink);}
.timeline{margin-top:1.8rem; position:relative; padding-left:1.7rem;}
.timeline::before{content:""; position:absolute; left:5px; top:8px; bottom:8px; width:2px; background:var(--grad); border-radius:2px; opacity:.45;}
.tl{position:relative; padding:0 0 1.6rem 1rem;}
.tl::before{content:""; position:absolute; left:-1.7rem; top:.5rem; width:11px; height:11px; border-radius:50%; background:var(--bg); border:2.5px solid var(--pink);}
.tl span{color:var(--ink-soft);}
.weiter{margin-top:1.8rem;}
.weiter ul{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:1rem;}
.weiter li{display:flex; gap:.7rem; color:var(--ink-soft);}
.weiter li svg{flex:0 0 auto; width:20px; height:20px; color:var(--pink); margin-top:5px;}

/* Foto-Streifen (ruhige Bild-Pause) */
.photo-strip{margin-block:clamp(1rem,3vw,2.5rem);}
.cta-row{display:flex; justify-content:center; margin-top:clamp(2.4rem,5vw,3.4rem);}
.photo-strip{max-width:920px; margin-inline:auto;}
.photo-strip img{width:100%; height:clamp(180px,24vw,340px); object-fit:cover; object-position:center 30%; border-radius:var(--r-lg);}

/* ---------- Philosophie ---------- */
.phil-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; margin-top:3.5rem;}
.pill{padding:2.4rem 2rem; border-radius:var(--r-lg); background:var(--bg); border:1px solid var(--line); transition:transform 340ms var(--ease), box-shadow 340ms var(--ease), border-color 340ms ease;}
@media (hover:hover) and (pointer:fine){
  .pill:hover{transform:translateY(-8px); box-shadow:0 28px 56px -30px rgba(129,9,71,.45); border-color:transparent;}
}
.pill .ico-lg{width:56px; height:56px; border-radius:16px; background:var(--grad-soft); display:grid; place-items:center; color:var(--pink); margin-bottom:.3rem;}
.pill .ico-lg svg{width:27px; height:27px;}
.pill h3{font-family:"Figtree",sans-serif; font-size:.8rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--plum); margin:1rem 0 .7rem;}
.pill p{color:var(--ink-soft);}

/* ---------- Kontakt ---------- */
.k-grid{display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(2.5rem,6vw,5rem); align-items:start;}
.k-right{display:flex; flex-direction:column;}
.k-right .booking-card{margin-top:1.8rem;}
.k-info ul{list-style:none; margin:2rem 0 0; padding:0; display:flex; flex-direction:column; gap:1.3rem;}
.k-info li{display:flex; gap:1rem; align-items:flex-start;}
.k-info .ico{flex:0 0 auto; width:46px; height:46px; border-radius:12px; background:var(--grad-soft); display:grid; place-items:center; color:var(--pink);}
.k-info .ico svg{width:20px;height:20px;}
.k-info b{display:block; font-family:"Figtree",sans-serif; font-size:.8rem; text-transform:uppercase; letter-spacing:.18em; color:var(--ink-mute); font-weight:700;}
.k-info a, .k-info span{font-size:1.08rem; color:var(--ink);}
.booking-card{background:var(--bg); border:1px solid var(--line); border-radius:var(--r-lg); padding:clamp(2rem,4vw,2.8rem); box-shadow:0 36px 70px -44px rgba(129,9,71,.4); position:relative; overflow:hidden; transition:transform 340ms var(--ease), box-shadow 340ms var(--ease);}
@media (hover:hover) and (pointer:fine){
  .booking-card:hover{transform:translateY(-5px); box-shadow:0 44px 84px -44px rgba(129,9,71,.5);}
}
.booking-card::before{content:""; position:absolute; inset:0 0 auto 0; height:5px; background:var(--grad);}
.booking-card .dot-lg{width:60px; height:60px; border-radius:16px; background:var(--grad-soft); display:grid; place-items:center; color:var(--pink); margin-bottom:1.3rem;}
.booking-card .dot-lg svg{width:28px; height:28px;}
.booking-card h3{font-size:var(--h4); margin-bottom:.6rem;}
.booking-card > p{color:var(--ink-soft);}
.booking-card .btn{margin-top:1.8rem;}
.booking-card .or{margin-top:1.4rem; font-size:.95rem; color:var(--ink-mute);}
.booking-card .or a{color:var(--pink); font-weight:600;}

/* ---------- Footer ---------- */
footer.site{background:var(--plum); color:rgba(255,255,255,.82); padding-block:clamp(3.5rem,6vw,5rem) 1.6rem;}
.f-grid{display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:2.6rem;}
footer .brand{color:#fff;}
footer .brand small{color:rgba(255,255,255,.7);}
.f-tag{margin-top:1.2rem; max-width:38ch; color:rgba(255,255,255,.78); line-height:1.6;}
.f-col h4{font-family:"Figtree",sans-serif; font-size:.8rem; text-transform:uppercase; letter-spacing:.12em; color:rgba(255,255,255,.6); margin-bottom:1.1rem; font-weight:700;}
.f-col ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.8rem;}
.f-col a{color:rgba(255,255,255,.85);}
.f-col a:hover{color:#fff;}
.f-bottom{margin-top:3rem; padding-top:1.6rem; border-top:1px solid rgba(255,255,255,.18); display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between; align-items:center; font-size:.85rem; color:rgba(255,255,255,.6);}
.made-link{color:rgba(255,255,255,.62); font-weight:600;}
.made-link:hover{color:rgba(255,255,255,.85);}
.made{font-weight:700; background:var(--grad-fwn); -webkit-background-clip:text; background-clip:text; color:transparent;}

/* ---------- Reveal ---------- */
.js .reveal{opacity:0; transform:translateY(28px); transition:opacity 640ms var(--ease), transform 640ms var(--ease);}
.js .reveal.in{opacity:1; transform:none;}
/* Stagger: zusammengehörige Elemente kaskadieren beim Einblenden */
.js .phil-grid .pill:nth-child(2){transition-delay:100ms;}
.js .phil-grid .pill:nth-child(3){transition-delay:200ms;}
.js .cols .block:nth-child(2){transition-delay:120ms;}
/* Akkordeon-Einträge bauen sich nacheinander auf, sobald die Liste sichtbar wird */
.js .acc.in .acc-item{opacity:0; transform:translateY(20px); animation:fadeUp 560ms var(--ease) forwards;}
.js .acc.in .acc-item:nth-child(1){animation-delay:60ms;}
.js .acc.in .acc-item:nth-child(2){animation-delay:130ms;}
.js .acc.in .acc-item:nth-child(3){animation-delay:200ms;}
.js .acc.in .acc-item:nth-child(4){animation-delay:270ms;}
.js .acc.in .acc-item:nth-child(5){animation-delay:340ms;}
@keyframes fadeUp{to{opacity:1; transform:none;}}
/* Interaktive Karten sind auch .reveal: kombinierte Transition mit höherer Spezifität,
   damit Hover-Lift (transform + Schatten) snappy bleibt und nicht von .reveal überschrieben wird */
.js .pill.reveal, .js .booking-card.reveal{transition:opacity 620ms var(--ease), transform 360ms var(--ease), box-shadow 360ms var(--ease), border-color 300ms ease;}
@media (prefers-reduced-motion: reduce){
  .js .reveal{opacity:1; transform:none; transition:none;}
  .js .acc.in .acc-item{opacity:1; transform:none; animation:none;}
  .js .pill.reveal:hover, .js .booking-card.reveal:hover{transform:none;}
}

/* ---------- Responsive ---------- */
@media (max-width:960px){
  .hero-grid, .two, .cols, .k-grid{grid-template-columns:1fr;}
  .hero-logo{order:-1;} .hero-logo img{width:min(300px,62%);}
  .two.flip .fig{order:0;}
  .fig{max-width:360px; margin-inline:auto;}
  .phil-grid{grid-template-columns:1fr;}
  .f-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:920px){ .nav-links{display:none;} .burger{display:flex;} }
@media (max-width:760px){ .f-grid{grid-template-columns:1fr;} }
@media (max-width:600px){
  .fig{max-width:210px;}                 /* Porträts auf dem Handy deutlich kleiner */
  .photo-strip img{height:180px;}        /* Foto-Streifen kompakt */
}
@media (max-width:520px){ .nav-cta .btn{display:none;} }