/* ---------- Grundfarben & Design-Variablen -----------------
   Hier zentral definiert, damit sich Farbtöne an EINER Stelle
   ändern lassen (werden über var(--name) im ganzen CSS genutzt) */
:root{
  --ink:#2b1b14;
  --paper:#efe2c3;
  --paper-2:#e6d5ab;
  --wine:#6e1423;
  --wine-dark:#3c0a12;
  --forest:#3c4a2e;
  --gold:#c08a2e;
  --gold-light:#e0b463;
  --cream-card:#faf3e1;
  --line: rgba(43,27,20,0.18);
  --shadow: 0 14px 30px -18px rgba(43,27,20,0.45);
  --radius: 2px;
  --maxw: 1180px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;}
}

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Jost', sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4{
  font-family:'Cormorant Garamond', serif;
  font-weight:600;
  margin:0 0 .4em 0;
  color:var(--wine-dark);
  letter-spacing:.01em;
}

a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
ul{margin:0; padding:0; list-style:none;}
button{font-family:inherit;}

:focus-visible{
  outline:3px solid var(--gold);
  outline-offset:3px;
}

.eyebrow{
  font-family:'Jost', sans-serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--wine);
}

.wrap{
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 32px;
}

/* ---------- Vine divider (signature motif) ---------- */
.vine-divider{
  display:block;
  width:100%;
  height:26px;
  color:var(--gold);
}
.vine-divider svg{width:100%; height:100%; display:block;}

/* ---------- Header / Nav ---------- */
header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(239,226,195,0.94);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
}
.nav-inner{
  max-width:var(--maxw);
  margin:0 auto;
  padding:16px 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.logo{
  display:flex;
  align-items:center;
}
.logo-img{
  height:52px;
  width:auto;
  display:block;
}
.logo small{
  font-family:'Jost',sans-serif;
  font-size:.62rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--forest);
  font-weight:600;
}
nav.main-nav{
  display:flex;
  align-items:center;
  gap:30px;
}
nav.main-nav ul{
  display:flex;
  gap:26px;
}
nav.main-nav a.nav-link{
  font-size:.82rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ink);
  position:relative;
  padding:4px 0;
}
nav.main-nav a.nav-link::after{
  content:"";
  position:absolute;
  left:0; bottom:-2px;
  width:0; height:2px;
  background:var(--wine);
  transition:width .25s ease;
}
nav.main-nav a.nav-link:hover::after,
nav.main-nav a.nav-link.active::after{width:100%;}

.social-icons{display:flex; gap:14px; align-items:center;}
.social-icons a{
  width:32px; height:32px;
  border:1px solid var(--line);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.social-icons a:hover{background:var(--wine); border-color:var(--wine); transform:translateY(-2px);}
.social-icons a:hover svg{stroke:var(--paper);}
.social-icons svg{width:15px; height:15px; stroke:var(--ink); fill:none; stroke-width:1.6;}

.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 26px;
  font-size:.8rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  border-radius:var(--radius);
  border:1px solid transparent;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.btn-primary{background:var(--gold); color:var(--wine-dark);}
.btn-primary:hover{transform:translateY(-2px); box-shadow:var(--shadow);}
.btn-outline{border-color:currentColor;}
.btn-outline:hover{background:var(--ink); color:var(--paper); transform:translateY(-2px);}
.btn-outline.on-dark{border-color:var(--gold-light); color:var(--paper);}
.btn-outline.on-dark:hover{background:var(--gold-light); color:var(--wine-dark);}

.nav-cta{display:none;}
@media (min-width:900px){ .nav-cta{display:inline-flex;} }

.burger{
  display:flex;
  background:none; border:none; cursor:pointer;
  width:38px; height:38px;
  align-items:center; justify-content:center;
}
.burger span, .burger span::before, .burger span::after{
  content:""; display:block; width:22px; height:2px; background:var(--ink);
  position:relative; transition:transform .25s ease, opacity .25s ease;
}
.burger span::before{position:absolute; top:-7px;}
.burger span::after{position:absolute; top:7px;}
.burger.open span{background:transparent;}
.burger.open span::before{transform:rotate(45deg); top:0;}
.burger.open span::after{transform:rotate(-45deg); top:0;}

@media (min-width:900px){ .burger{display:none;} }
@media (max-width:899px){ nav.main-nav{display:none;} }

.mobile-panel{
  display:none;
  background:var(--cream-card);
  border-bottom:1px solid var(--line);
}
.mobile-panel.open{display:block;}
.mobile-panel .wrap{padding:18px 32px 26px;}
.mobile-panel ul{display:flex; flex-direction:column; gap:2px;}
.mobile-panel a{
  display:block; padding:10px 0;
  font-weight:600; letter-spacing:.04em;
  border-bottom:1px solid var(--line);
}
.mobile-panel .sub{padding-left:16px; font-weight:400; font-size:.92rem; border-bottom:none; color:var(--forest);}
.mobile-panel .socials{display:flex; gap:14px; margin-top:16px;}

/* ---------- Hero ---------- */
.hero{
  position:relative;
  background:
    radial-gradient(circle at 15% 20%, rgba(224,180,99,0.16), transparent 45%),
    radial-gradient(circle at 85% 80%, rgba(224,180,99,0.10), transparent 50%),
    linear-gradient(160deg, var(--wine-dark), var(--wine) 65%, #4d0e18);
  color:var(--paper);
  overflow:hidden;
}
.hero-inner{
  max-width:var(--maxw);
  margin:0 auto;
  padding:110px 32px 100px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:40px;
  align-items:center;
}
@media (max-width:860px){ .hero-inner{grid-template-columns:1fr; padding:70px 24px 60px;} }

.hero h1{
  color:var(--paper);
  font-size:clamp(2.4rem, 5vw, 3.7rem);
  line-height:1.08;
  max-width:14ch;
}
.hero h1 em{
  font-style:italic;
  color:var(--gold-light);
}
.hero p.lead{
  font-size:1.08rem;
  max-width:46ch;
  color:rgba(239,226,195,0.88);
  margin:18px 0 30px;
}
.hero .eyebrow{color:var(--gold-light);}
.hero-actions{display:flex; gap:16px; flex-wrap:wrap;}

.hero-art{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
.seal{
  width:220px; height:220px;
  border-radius:50%;
  background:var(--gold);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 30px 60px -20px rgba(0,0,0,0.5), inset 0 0 0 6px rgba(43,27,20,0.15);
  position:relative;
  overflow:hidden;
}
.seal-img{
  width:100%; height:100%;
  object-fit:cover;
  border-radius:50%;
}
.seal-caption{
  margin-top:16px;
  text-align:center;
  font-family:'Jost',sans-serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold-light);
}
.seal::before{
  content:"";
  position:absolute; inset:8px;
  border-radius:50%;
  border:2px solid rgba(224,180,99,0.7);
  pointer-events:none;
}
.seal-text{
  font-family:'Cormorant Garamond', serif;
  text-align:center;
  color:var(--wine-dark);
  line-height:1.15;
}
.seal-text .big{display:block; font-size:2.1rem; font-weight:700;}
.seal-text .small{display:block; font-size:.68rem; letter-spacing:.25em; text-transform:uppercase; margin-top:4px; font-family:'Jost',sans-serif; font-weight:600;}

.hero-vine{position:absolute; opacity:.35; color:var(--gold-light);}
.hero-vine.v1{top:-30px; left:-40px; width:280px; transform:rotate(20deg);}
.hero-vine.v2{bottom:-40px; right:-30px; width:240px; transform:rotate(-14deg) scaleX(-1);}

.hero-strip{
  background:rgba(0,0,0,0.18);
  border-top:1px solid rgba(224,180,99,0.25);
}
.hero-strip .wrap{
  display:flex; flex-wrap:wrap; gap:28px;
  padding:18px 32px;
  font-size:.85rem;
  color:rgba(239,226,195,0.9);
}
.hero-strip .item{display:flex; align-items:center; gap:8px;}
.hero-strip svg{width:16px; height:16px; stroke:var(--gold-light); fill:none; stroke-width:1.6;}

/* ---------- Section shell ---------- */
section{padding:96px 0;}
section.tight{padding:70px 0;}
.section-head{max-width:640px; margin:0 0 48px;}
.section-head.center{margin-left:auto; margin-right:auto; text-align:center;}
.section-head p{color:rgba(43,27,20,0.75); margin-top:10px;}

.bg-cream{background:var(--cream-card);}
.bg-forest{background:var(--forest); color:var(--paper);}
.bg-forest h1,.bg-forest h2,.bg-forest h3,.bg-forest h4{color:var(--paper);}
.bg-forest .eyebrow{color:var(--gold-light);}

.reveal{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;}
.reveal.in{opacity:1; transform:none;}

/* ---------- Kurzvorstellung ---------- */
.intro{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:36px;
  align-items:start;
}
@media (max-width:700px){ .intro{grid-template-columns:1fr;} }
.intro-num{
  font-family:'Cormorant Garamond', serif;
  font-size:5rem;
  font-weight:700;
  color:var(--gold);
  line-height:1;
}
.intro blockquote{
  margin:0;
  font-family:'Cormorant Garamond', serif;
  font-style:italic;
  font-size:1.7rem;
  line-height:1.4;
  color:var(--wine-dark);
  max-width:34ch;
}

/* ---------- Themenbereiche / Kacheln ---------- */
.tile-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:22px;
}
@media (max-width:900px){ .tile-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:520px){ .tile-grid{grid-template-columns:1fr;} }

.tile{
  background:var(--cream-card);
  border:1px solid var(--line);
  padding:30px 24px;
  border-radius:var(--radius);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.tile:hover{transform:translateY(-6px); box-shadow:var(--shadow); border-color:var(--gold);}
.tile .tile-icon{
  width:46px; height:46px;
  display:flex; align-items:center; justify-content:center;
  background:var(--wine); color:var(--paper);
  border-radius:50%;
  margin-bottom:16px;
}
.tile .tile-icon svg{width:22px; height:22px; stroke:var(--paper); fill:none; stroke-width:1.6;}
.tile h3{font-size:1.3rem; margin-bottom:6px;}
.tile p{margin:0; font-size:.92rem; color:rgba(43,27,20,0.72);}

/* ---------- Highlights / notice cards ---------- */
.notice-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
@media (max-width:800px){ .notice-grid{grid-template-columns:1fr;} }
.notice{
  border-left:3px solid var(--gold);
  background:rgba(255,255,255,0.4);
  padding:20px 22px;
}
.notice .tag{font-size:.7rem; letter-spacing:.15em; text-transform:uppercase; color:var(--gold-light); font-weight:600;}
.notice h4{margin:8px 0 6px; font-size:1.2rem; color:var(--paper);}
.notice p{margin:0; font-size:.9rem; color:rgba(239,226,195,0.85);}

/* ---------- Instagram band ---------- */
.insta-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:30px;
}
@media (max-width:700px){ .insta-grid{grid-template-columns:repeat(2,1fr);} }
.insta-tile{
  aspect-ratio:1/1;
  border-radius:var(--radius);
  display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,0.75);
  font-size:.72rem; letter-spacing:.08em; text-transform:uppercase;
  text-align:center; padding:10px;
}
.insta-tile svg{width:26px; height:26px; stroke:currentColor; fill:none; stroke-width:1.5; margin-bottom:8px;}
.insta-tile.a{background:linear-gradient(135deg,#8a1c2b,#c08a2e);}
.insta-tile.b{background:linear-gradient(135deg,#3c4a2e,#6e1423);}
.insta-tile.c{background:linear-gradient(135deg,#c08a2e,#3c0a12);}
.insta-tile.d{background:linear-gradient(135deg,#6e1423,#3c4a2e);}

/* ---------- Contact strip in hero area ---------- */
.quick-contact{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
@media (max-width:760px){ .quick-contact{grid-template-columns:1fr;} }
.qc-item{display:flex; gap:14px; align-items:flex-start;}
.qc-item svg{width:22px; height:22px; stroke:var(--wine); fill:none; stroke-width:1.6; flex:none; margin-top:2px;}
.qc-item h4{margin:0 0 4px; font-size:1.05rem;}
.qc-item p{margin:0; font-size:.9rem; color:rgba(43,27,20,0.72);}

/* ---------- Über uns ---------- */
.about-tabs{display:flex; gap:10px; margin-bottom:36px; flex-wrap:wrap;}
.about-tab{
  padding:10px 20px;
  border:1px solid var(--line);
  background:transparent;
  font-size:.82rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase;
  cursor:pointer;
  border-radius:var(--radius);
  color:var(--ink);
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.about-tab.active{background:var(--wine); color:var(--paper); border-color:var(--wine);}
.about-panels{position:relative;}
.about-panel{display:none; grid-template-columns:1fr 1fr; gap:44px; align-items:center;}
.about-panel.active{display:grid;}
@media (max-width:800px){ .about-panel{grid-template-columns:1fr;} }
.placeholder-visual{
  aspect-ratio:4/3;
  border-radius:var(--radius);
  background: 
   repeating-linear-gradient(45deg, rgba(43,27,20,0.06) 0 12px, transparent 12px 24px), 
   linear-gradient(135deg, var(--paper-2), var(--cream-card)); 
  border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
  color:rgba(43,27,20,0.45);
  font-size:.78rem; letter-spacing:.1em; text-transform:uppercase;
  text-align:center; padding:20px;
}
.about-panel p{color:rgba(43,27,20,0.78);}
.philosophy-list{margin-top:18px; display:grid; gap:14px;}
.philosophy-list li{display:flex; gap:12px; align-items:flex-start; font-size:.94rem;}
.philosophy-list svg{width:18px; height:18px; stroke:var(--forest); fill:none; stroke-width:2; flex:none; margin-top:3px;}
.laden-gallery{display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
@media (max-width:800px){ .laden-gallery{grid-template-columns:1fr;} }
.laden-gallery .placeholder-visual{aspect-ratio:1/1;}

/* Für echte Fotos: gleiche Rahmen-Optik wie .placeholder-visual,
   aber ohne Innenabstand und Streifenmuster, damit das Bild den
   Rahmen randlos ausfüllt. */
.photo-visual{
  aspect-ratio:4/3;
  border-radius:var(--radius);
  border:1px solid var(--line);
  overflow:hidden;
}
.laden-gallery .photo-visual{aspect-ratio:1/1;}

/* ---------- Sortiment ---------- */
.sortiment-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
  padding:50px 0;
  border-bottom:1px solid var(--line);
}
.sortiment-row:last-child{border-bottom:none;}
.sortiment-row.reverse{direction:rtl;}
.sortiment-row.reverse > *{direction:ltr;}
@media (max-width:820px){
  .sortiment-row, .sortiment-row.reverse{grid-template-columns:1fr; direction:ltr;}
}
.sortiment-row .eyebrow{margin-bottom:8px; display:block;}
.sortiment-row h3{font-size:2rem;}
.sortiment-row p{color:rgba(43,27,20,0.75); margin:14px 0 18px;}
.chip-list{display:flex; flex-wrap:wrap; gap:8px;}
.chip{
  font-size:.78rem;
  padding:6px 14px;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,0.5);
}
.badge-month{
  display:inline-flex; align-items:center; gap:8px;
  margin-top:18px;
  padding:8px 16px;
  background:var(--gold);
  color:var(--wine-dark);
  font-size:.78rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  border-radius:var(--radius);
}

/* ---------- Aktuelles ---------- */
.aktuelles-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}
@media (max-width:900px){ .aktuelles-grid{grid-template-columns:1fr;} }
.aktuelles-col h3{
  display:flex; align-items:center; gap:10px;
  font-size:1.4rem;
  padding-bottom:14px;
  border-bottom:2px solid var(--gold);
  margin-bottom:20px;
}
.event-item{
  padding:16px 0;
  border-bottom:1px solid var(--line);
}
.event-item:last-child{border-bottom:none;}
.event-date{font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--wine); font-weight:600;}
.event-item h4{margin:6px 0 4px; font-size:1.08rem;}
.event-item p{margin:0; font-size:.88rem; color:rgba(43,27,20,0.7);}

/* ---------- Galerie ---------- */
.gallery-filters{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:30px;}
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:16px;
}
@media (max-width:900px){ .gallery-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:520px){ .gallery-grid{grid-template-columns:1fr;} }
.gallery-item{
  aspect-ratio:1/1;
  display:flex; align-items:flex-end;
  padding:14px;
  border-radius:var(--radius);
  color:var(--paper);
  font-size:.78rem;
  letter-spacing:.03em;
  position:relative;
  overflow:hidden;
  transition:opacity .25s ease, transform .3s ease;
}
.gallery-item.hidden{display:none;}
.gallery-item span{position:relative;}
.gallery-item::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(200deg, transparent 30%, rgba(0,0,0,0.55));
}
.gallery-item:hover{transform:scale(1.02);}
.g1{background:linear-gradient(140deg,#6e1423,#c08a2e);}
.g2{background:linear-gradient(140deg,#3c4a2e,#6e1423);}
.g3{background:linear-gradient(140deg,#c08a2e,#3c0a12);}
.g4{background:linear-gradient(140deg,#3c0a12,#3c4a2e);}
.g5{background:linear-gradient(140deg,#6e1423,#3c4a2e);}
.g6{background:linear-gradient(140deg,#c08a2e,#6e1423);}
.g7{background:linear-gradient(140deg,#3c4a2e,#c08a2e);}
.g8{background:linear-gradient(140deg,#3c0a12,#c08a2e);}

/* ---------- Kontakt ---------- */
.kontakt-grid{
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:50px;
}
@media (max-width:900px){ .kontakt-grid{grid-template-columns:1fr;} }
.info-block{margin-bottom:28px;}
.info-block h4{font-size:1.1rem; margin-bottom:10px; display:flex; align-items:center; gap:10px;}
.info-block h4 svg{width:19px; height:19px; stroke:var(--wine); fill:none; stroke-width:1.6;}
.hours-table{width:100%; border-collapse:collapse; font-size:.92rem;}
.hours-table td{padding:6px 0; border-bottom:1px solid var(--line);}
.hours-table td:last-child{text-align:right; color:rgba(43,27,20,0.75);}

.map-embed{
  aspect-ratio:16/9;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--line);
  margin-bottom:20px;
}
.map-embed iframe{width:100%; height:100%; display:block;}

form.contact-form{display:grid; gap:16px;}
.field label{display:block; font-size:.78rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; margin-bottom:6px; color:var(--wine-dark);}
.field input, .field textarea{
  width:100%;
  padding:12px 14px;
  border:1px solid var(--line);
  background:var(--cream-card);
  border-radius:var(--radius);
  font-family:'Jost',sans-serif;
  font-size:.95rem;
  color:var(--ink);
  resize:vertical;
}
.field input:focus, .field textarea:focus{border-color:var(--wine);}
.form-note{font-size:.8rem; color:rgba(43,27,20,0.6); margin-top:-4px;}
.form-success{
  display:none;
  padding:14px 16px;
  background:rgba(60,74,46,0.12);
  border:1px solid var(--forest);
  color:var(--forest);
  font-size:.88rem;
  border-radius:var(--radius);
}
.form-success.show{display:block;}

/* ---------- Footer ---------- */
footer{background:var(--wine-dark); color:rgba(239,226,195,0.85); padding-top:60px;}
.footer-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr 1fr;
  gap:36px;
  padding-bottom:40px;
  border-bottom:1px solid rgba(224,180,99,0.2);
}
@media (max-width:800px){ .footer-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:480px){ .footer-grid{grid-template-columns:1fr;} }
.footer-grid h5{
  color:var(--gold-light);
  font-size:.75rem; letter-spacing:.14em; text-transform:uppercase;
  margin:0 0 16px;
}
.footer-grid p, .footer-grid li{font-size:.9rem; margin:0 0 8px; color:rgba(239,226,195,0.75);}
.footer-logo{font-family:'Cormorant Garamond', serif; font-size:1.5rem; color:var(--paper); margin-bottom:10px; font-weight:700;}
.footer-logo-plate{
  background:var(--paper);
  display:inline-block;
  padding:12px 18px;
  border-radius:var(--radius);
  margin-bottom:16px;
}
.footer-logo-img{height:44px; width:auto; display:block;}
.footer-social{display:flex; gap:12px; margin-top:14px;}
.footer-social a{
  width:32px; height:32px; border:1px solid rgba(224,180,99,0.4); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  transition:background .2s ease;
}
.footer-social a:hover{background:var(--gold);}
.footer-social svg{width:14px; height:14px; stroke:var(--gold-light); fill:none; stroke-width:1.6;}
.footer-social a:hover svg{stroke:var(--wine-dark);}
.footer-bottom{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
  padding:22px 0; font-size:.78rem; color:rgba(239,226,195,0.55);
}
.footer-bottom ul{display:flex; gap:20px; flex-wrap:wrap;}
.footer-bottom a:hover{color:var(--gold-light);}

.placeholder-note{
  font-size:.72rem;
  color:rgba(43,27,20,0.4);
  text-align:center;
  padding:10px 0 0;
}