/* --- PATCH: Unterkünfte-Karten mittig & Titel-Links --- */

#unterkuenfte .card{
  text-align: center;
}

#unterkuenfte .card h3{
  margin: 0 auto 8px auto;
}

#unterkuenfte .card h3 a{
  color: #1a73e8;
  text-decoration: underline;
}

#unterkuenfte .card h3 a:hover{
  opacity: .8;
}

#unterkuenfte .card p{
  margin-left: auto;
  margin-right: auto;
}

#unterkuenfte .meta{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}

#unterkuenfte .meta .pill{
  margin: 0;
}
/* === PATCH 2026-01-03: Header-Buchen-Button & Drawer-Link ausblenden === */
.site-header .header-cta .btn.btn-primary[href="/buchen/"],
.site-header .header-cta .btn.btn-primary {
  display: none !important;
}

.drawer nav a[href="/buchen/"],
.drawer nav a[href="/buchen/"] strong {
  display: none !important;
}

/* === PATCH 2026-01-05: Startseite Hero-CTA + Drawer Kontakt === */
.hero-subline{
  margin:0 0 14px;
  font-size:clamp(15px, 1.1vw, 18px);
  max-width:720px;
  opacity:.95;
}
.hero-cta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:0 0 18px;
}
@media (max-width:768px){
  .hero-cta{
    flex-direction:column;
    align-items:stretch;
  }
  .hero-cta .btn{
    width:100%;
    justify-content:center;
  }
}

.drawer-book{
  width:100%;
  text-align:center;
}
.drawer-sep{
  border:0;
  border-top:1px solid var(--line);
  margin:12px 0;
}
.drawer-contact{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-bottom:6px;
}
.drawer-link{
  display:block;
  padding:10px 10px;
  border-radius:12px;
  text-decoration:none;
  color:var(--text);
}
.drawer-link:hover{ background:rgba(0,0,0,.05); }
/* HERO CTA – besserer Kontrast */
.hero-cta .btn-primary,
.hero-cta a.btn-primary {
  background-color: #1f6f5c; /* Alpenlodge-Türkis / dunkles Grün */
  color: #ffffff;
  border: none;
}

.hero-cta .btn-primary:hover {
  background-color: #185a4a;
}

/* === HERO BUTTON FIX – FINAL OVERRIDE === */
.hero .hero-cta a,
.hero .hero-cta .btn,
.hero .hero-cta .btn-primary {
  background-color: #1f6f5c !important; /* dunkles Alpenlodge-Grün */
  color: #ffffff !important;
  border: none !important;
}

.hero .hero-cta a:hover,
.hero .hero-cta .btn:hover {
  background-color: #185a4a !important;
  color: #ffffff !important;
}