/* consent.css – Klaro im Site-Look (überschreibt Variablen aus /vendor/klaro/klaro.css) */
.klaro {
  --font-family: 'DM Sans', system-ui, sans-serif;
  --font-size: 14px;
  --title-font-family: 'Playfair Display', Georgia, serif;
  --border-radius: 4px;
  --notice-max-width: 440px;
  --notice-bottom: 24px;
  --notice-right: 24px;
  --notice-left: auto;
  /* Klaro nennt den Panel-Hintergrund dark1 und den Text light1 – hier hell gedreht */
  --dark1: #FFFFFF;
  --dark2: #112240;
  --dark3: #6B6B6B;   /* Beschreibungstext im Modal */
  --light1: #2D2D2D;
  --light2: #E0DDD8;
  --light3: #6B6B6B;
  --white1: #FFFFFF;
  --white2: #F7F5F2;
  --white3: #E0DDD8;
  --green1: #112240;
  --green2: #0D1B2A;
  --green3: #C9A84C;
  --blue1: #112240;
  --blue2: #0D1B2A;
  --blue3: #C9A84C;
  --button-text-color: #FFFFFF;
  --box-shadow-color: rgba(17, 34, 64, 0.18);
}
.klaro .cookie-notice {
  border: 1px solid #E0DDD8;
  border-top: 3px solid #C9A84C;
  box-shadow: 0 12px 40px rgba(17, 34, 64, 0.18);
}
.klaro .cookie-notice .cn-body { padding: 1.2em 1.4em 1.1em; }
.klaro .cookie-notice .cn-body p { line-height: 1.6; color: #2D2D2D; }
.klaro .cookie-notice .cn-body .title,
.klaro .cookie-notice .cn-body h3,
.klaro .cookie-modal .cm-modal .title {
  font-family: 'Playfair Display', Georgia, serif; color: #112240; font-weight: 700;
}
.klaro .cookie-notice .cn-body .title { font-size: 18px; margin-bottom: 0.4em; }
.klaro .cookie-notice .cn-body p a,
.klaro .cookie-notice .cm-link,
.klaro .cookie-modal a { color: #112240; text-decoration: underline; text-underline-offset: 2px; }
/* Beide Buttons gleich groß und gleich gewichtet: Ablehnen = Umriss, Akzeptieren = gefüllt, gleiche Farbe */
.klaro .cookie-notice .cn-ok { margin-top: 1em; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.klaro .cookie-notice .cm-btn,
.klaro .cookie-modal .cm-btn {
  font-weight: 600; font-size: 14px; padding: 8px 16px; border-radius: 4px;
  min-width: 140px; margin: 0; letter-spacing: 0.2px; border: 2px solid #112240;
}
.klaro .cookie-notice .cm-btn.cn-decline,
.klaro .cookie-modal .cm-btn.cn-decline,
.klaro .cookie-modal .cm-btn.cm-btn-decline {
  background: #FFFFFF; color: #112240;
}
.klaro .cookie-notice .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-btn.cm-btn-success {
  background: #112240; color: #FFFFFF;
}
.klaro .cookie-notice .cm-btn:hover,
.klaro .cookie-modal .cm-btn:hover { opacity: 0.9; }
.klaro .cookie-notice .cm-link.cn-learn-more { margin-left: auto; font-size: 13px; color: #6B6B6B; }
.klaro .cookie-modal .cm-modal { border-top: 3px solid #C9A84C; }
@media (max-width: 600px) {
  .klaro { --notice-max-width: calc(100vw - 24px); --notice-bottom: 12px; --notice-right: 12px; }
  .klaro .cookie-notice .cm-btn { flex: 1 1 45%; }
  .klaro .cookie-notice .cm-link.cn-learn-more { flex: 1 1 100%; margin-left: 0; text-align: center; }
}