/* Salon Thies – lokal gehostete Schriften (DSGVO-konform, keine Google-CDN-Verbindung)
   woff2-Dateien in diesen Ordner legen – siehe FONTS-README.md.
   Fehlen die Dateien, greifen automatisch die Fallbacks (Georgia / System-Sans). */

/* Echte Schnitte für die genutzten Weights 300/400/500, je normal + kursiv. */

/* ---- Cormorant Garamond (Serif) ---- */
@font-face { font-family:'Cormorant Garamond'; font-style:normal; font-weight:300;
  font-display:block; src:url('cormorant-garamond-v21-latin-300.woff2') format('woff2'); }
@font-face { font-family:'Cormorant Garamond'; font-style:italic; font-weight:300;
  font-display:block; src:url('cormorant-garamond-v21-latin-300italic.woff2') format('woff2'); }
@font-face { font-family:'Cormorant Garamond'; font-style:normal; font-weight:400;
  font-display:block; src:url('cormorant-garamond-v21-latin-regular.woff2') format('woff2'); }
@font-face { font-family:'Cormorant Garamond'; font-style:italic; font-weight:400;
  font-display:block; src:url('cormorant-garamond-v21-latin-italic.woff2') format('woff2'); }
@font-face { font-family:'Cormorant Garamond'; font-style:normal; font-weight:500;
  font-display:block; src:url('cormorant-garamond-v21-latin-500.woff2') format('woff2'); }
@font-face { font-family:'Cormorant Garamond'; font-style:italic; font-weight:500;
  font-display:block; src:url('cormorant-garamond-v21-latin-500italic.woff2') format('woff2'); }

/* ---- DM Sans (Sans) ---- */
@font-face { font-family:'DM Sans'; font-style:normal; font-weight:300;
  font-display:block; src:url('dm-sans-v17-latin-300.woff2') format('woff2'); }
@font-face { font-family:'DM Sans'; font-style:italic; font-weight:300;
  font-display:block; src:url('dm-sans-v17-latin-300italic.woff2') format('woff2'); }
@font-face { font-family:'DM Sans'; font-style:normal; font-weight:400;
  font-display:block; src:url('dm-sans-v17-latin-regular.woff2') format('woff2'); }
@font-face { font-family:'DM Sans'; font-style:italic; font-weight:400;
  font-display:block; src:url('dm-sans-v17-latin-italic.woff2') format('woff2'); }
@font-face { font-family:'DM Sans'; font-style:normal; font-weight:500;
  font-display:block; src:url('dm-sans-v17-latin-500.woff2') format('woff2'); }
@font-face { font-family:'DM Sans'; font-style:italic; font-weight:500;
  font-display:block; src:url('dm-sans-v17-latin-500italic.woff2') format('woff2'); }

/* ---- Google-Maps Zwei-Klick-Consent-Platzhalter ---- */
.map-consent {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%; min-height: 300px; padding: 2rem;
  box-sizing: border-box; background: #2B2C2C; color: #E8E0CC;
  cursor: pointer; text-align: center; border: 0; font-family: inherit;
}
.map-consent:hover, .map-consent:focus { outline: none; background: #333535; }
.map-consent-inner { max-width: 34rem; display: flex; flex-direction: column; gap: 0.75rem; }
.map-consent-inner strong { font-size: 1.1rem; }
.map-consent-inner span { font-size: 0.85rem; line-height: 1.5; color: rgba(232,224,204,0.8); }
.map-consent-inner a { color: #E8E0CC; text-decoration: underline; }
.map-consent-btn {
  margin-top: 0.5rem; align-self: center; padding: 0.6rem 1.4rem;
  border: 1px solid #E8E0CC; border-radius: 2px;
  font-size: 0.8rem; letter-spacing: 0.05em; text-transform: uppercase;
}

/* ---- Barrierefreiheit: Bewegung reduzieren (WCAG) ---- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ---- Barrierefreiheit: sichtbarer Tastatur-Fokus (auf hellem & dunklem Grund) ---- */
:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(250,250,248,0.95), 0 0 0 4px #2B2C2C;
  border-radius: 3px;
}