/* ── Klaro! Custom Styling – Das Haus der Chiropraktik */
.klaro .cookie-notice {
  background: #111111 !important;
  border-top: 2px solid #b89a5c !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 1rem !important;
  padding: 1.2rem 2rem !important;
  box-shadow: 0 -4px 24px rgba(0,0,0,0.35) !important;
}
.klaro .cookie-notice .cn-body {
  max-width: 1100px !important; margin: 0 auto !important;
  display: flex !important; align-items: center !important;
  gap: 2rem !important; flex-wrap: wrap !important;
}
.klaro .cookie-notice p,
.klaro .cookie-notice .cn-body p {
  color: rgba(255,255,255,0.82) !important; font-size: 1rem !important;
  line-height: 1.7 !important; margin: 0 !important; flex: 1 !important;
}
.klaro .cookie-notice a { color: #b89a5c !important; text-decoration: underline !important; }
.klaro .cookie-notice .cn-buttons { display: flex !important; gap: 0.75rem !important; flex-shrink: 0 !important; flex-wrap: wrap !important; }
.klaro .cookie-notice button.cm-btn-success,
.klaro .cookie-notice button.cm-btn-accept-all {
  background: #3d6b6b !important; color: #fdfaf5 !important;
  border: none !important; border-radius: 2px !important;
  font-family: 'Jost', sans-serif !important; font-size: 0.8rem !important;
  letter-spacing: 0.12em !important; text-transform: uppercase !important;
  padding: 0.65rem 1.5rem !important; cursor: pointer !important; transition: background 0.2s !important;
}
.klaro .cookie-notice button.cm-btn-success:hover,
.klaro .cookie-notice button.cm-btn-accept-all:hover { background: #2a4d4d !important; }
.klaro .cookie-notice button.cm-btn-info,
.klaro .cookie-notice button.cm-btn-learn-more {
  background: transparent !important; color: rgba(255,255,255,0.65) !important;
  border: 1px solid rgba(255,255,255,0.3) !important; border-radius: 2px !important;
  font-family: 'Jost', sans-serif !important; font-size: 0.8rem !important;
  letter-spacing: 0.12em !important; text-transform: uppercase !important;
  padding: 0.65rem 1.3rem !important; cursor: pointer !important; transition: border-color 0.2s, color 0.2s !important;
}
.klaro .cookie-notice button.cm-btn-info:hover,
.klaro .cookie-notice button.cm-btn-learn-more:hover { border-color: rgba(255,255,255,0.6) !important; color: #fff !important; }
.klaro .cookie-notice button.cm-btn-decline {
  background: transparent !important; color: rgba(255,255,255,0.4) !important;
  border: none !important; font-family: 'Jost', sans-serif !important;
  font-size: 0.76rem !important; letter-spacing: 0.1em !important;
  text-transform: uppercase !important; padding: 0.65rem 1rem !important;
  cursor: pointer !important; text-decoration: underline !important; transition: color 0.2s !important;
}
.klaro .cookie-notice button.cm-btn-decline:hover { color: rgba(255,255,255,0.7) !important; }
.klaro .cookie-modal { font-family: 'Jost', sans-serif !important; }
.klaro .cookie-modal .cm-modal {
  background: #fdfaf5 !important; border-radius: 3px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35) !important;
  max-width: 660px !important; border-top: 3px solid #b89a5c !important;
}
.klaro .cookie-modal .cm-header { background: #111111 !important; padding: 1.6rem 2rem !important; border-bottom: none !important; }
.klaro .cookie-modal .cm-header h1 { font-family: 'Cormorant Garamond', serif !important; font-size: 1.7rem !important; font-weight: 300 !important; color: #fdfaf5 !important; margin: 0 !important; }
.klaro .cookie-modal .cm-header p { color: rgba(255,255,255,0.7) !important; font-size: 0.92rem !important; margin-top: 0.4rem !important; line-height: 1.7 !important; }
.klaro .cookie-modal .cm-body { padding: 1.4rem 2rem !important; }
.klaro .cookie-modal .cm-app-title { font-family: 'Cormorant Garamond', serif !important; font-size: 1.15rem !important; font-weight: 600 !important; color: #2c2416 !important; }
.klaro .cookie-modal .cm-app-description p { font-size: 0.92rem !important; color: #5a4e3c !important; line-height: 1.75 !important; }
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider { background: #3d6b6b !important; }
.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider { background: #2a4d4d !important; }
.klaro .cookie-modal .cm-list-label .slider { background: #e8e0d0 !important; }
.klaro .cookie-modal .cm-footer { background: #f5f0e8 !important; padding: 1.1rem 2rem !important; border-top: 1px solid #e8e0d0 !important; display: flex !important; gap: 0.75rem !important; flex-wrap: wrap !important; justify-content: flex-end !important; }
.klaro .cookie-modal .cm-btn-success { background: #3d6b6b !important; color: #fdfaf5 !important; border: none !important; border-radius: 2px !important; font-family: 'Jost', sans-serif !important; font-size: 0.8rem !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; padding: 0.7rem 1.7rem !important; cursor: pointer !important; transition: background 0.2s !important; }
.klaro .cookie-modal .cm-btn-success:hover { background: #2a4d4d !important; }
.klaro .cookie-modal .cm-btn-decline { background: transparent !important; color: #5a4e3c !important; border: 1px solid #e8e0d0 !important; border-radius: 2px !important; font-family: 'Jost', sans-serif !important; font-size: 0.8rem !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; padding: 0.7rem 1.5rem !important; cursor: pointer !important; transition: border-color 0.2s !important; }
.klaro .cookie-modal .cm-btn-decline:hover { border-color: #3d6b6b !important; color: #2c2416 !important; }
.klaro .cookie-modal-overlay { background: rgba(17,17,17,0.65) !important; }
.klaro .cm-powered-by { display: none !important; }
@media(max-width:768px){
  .klaro .cookie-notice .cn-body { flex-direction: column !important; gap: 1rem !important; }
  .klaro .cookie-notice .cn-buttons { width: 100% !important; }
  .klaro .cookie-modal .cm-modal { margin: 1rem !important; max-height: 90vh !important; overflow-y: auto !important; }
}