/**
 * Klaro! Consent-Manager im S4G-Design (Paket 2, v2).
 * Lädt per libraries-extend automatisch mit klaro/klaro. Nur Tokens, kein !important.
 * Hooks: klaro-override.css (Modul) liefert --klaro-* Variablen + Klasse .klaro-theme-<theme>.
 * DSGVO: „Nur notwendige“ und „Alle akzeptieren“ sind gleichwertig gestaltet (kein Nudging).
 * z-Scale: Counter-Navbar (fixed-top) 1030 < Toggle 1040 < Banner 1090 < Modal 1100.
 */
.klaro.klaro-theme-sub_sharefourgrowth {
  --s4g-consent-ink: var(--s4g-indigo-900, #221F4B);
  --s4g-consent-ink-2: #3F3D66;
  --s4g-consent-line: var(--s4g-indigo-100, #E3E0F7);
  --s4g-consent-surface: #fff;
  --s4g-consent-shadow: 0 24px 60px -12px rgba(34, 31, 75, 0.35), 0 2px 6px rgba(34, 31, 75, 0.08);
  --s4g-consent-ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Modul-Variablen */
  --klaro-primary-color: var(--s4g-indigo-600, #414BB2);
  --klaro-link-color: var(--s4g-indigo-600, #414BB2);
  --klaro-link-color-hover: var(--s4g-indigo-800, #2E2B62);
  --klaro-link-decoration-line: underline;
  --klaro-button-bg: var(--s4g-indigo-800, #2E2B62);
  --klaro-button-text-color: #fff;
  --klaro-button-border: 2px solid var(--s4g-indigo-800, #2E2B62);
  --klaro-button-border-radius: 999px;
  --klaro-button-padding: 0 22px;
  --klaro-button-font-size: 15px;
  --klaro-button-font-weight: 600;
  --klaro-button-line-height: 44px;
  --klaro-button-bg-hover: var(--s4g-indigo-900, #221F4B);
  --klaro-button-text-color-hover: #fff;
  --klaro-button-border-hover: 2px solid var(--s4g-indigo-900, #221F4B);
  --klaro-button-focus-outline: 3px solid var(--s4g-indigo-400, #7980DB);
  --klaro-button-focus-outline-offset: 3px;
  --klaro-button-box-shadow: none;
  --klaro-dialog-focus-outline: none;
  --klaro-dialog-focus-box-shadow: var(--s4g-consent-shadow);
  --klaro-slider-bg: #CFCDE3;
  --klaro-slider-bg-active: var(--s4g-indigo-600, #414BB2);
  --klaro-slider-bg-required: var(--s4g-indigo-300, #7C8DE2);

  /* klaro-js-Variablen (Farben werden von der „light“-Voreinstellung inline gesetzt, hier überschrieben) */
  --dark1: var(--s4g-consent-surface);
  --dark2: var(--s4g-consent-ink-2);
  --dark3: var(--s4g-consent-ink-2);
  --light1: var(--s4g-consent-ink);
  --light2: var(--s4g-consent-line);
  --light3: var(--s4g-consent-ink);
  --white1: #fff;
  --white2: #F3F1FC;
  --white3: #E3E0F7;
  --green1: var(--s4g-indigo-600, #414BB2);
  --green2: var(--s4g-indigo-400, #7980DB);
  --font-family: 'Poppins', system-ui, sans-serif;
  --title-font-family: 'Poppins', system-ui, sans-serif;
  --font-size: 15px;
  --border-radius: 20px;
  --border-width: 1px;
  --notice-max-width: 460px;
  --notice-left: 24px;
  --notice-right: auto;
  --notice-bottom: 24px;
}

/* ---------- Banner (erste Ebene) ---------- */
.klaro.klaro-theme-sub_sharefourgrowth .cookie-notice {
  z-index: 1090;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-notice:not(.cookie-modal-notice) {
  color: var(--s4g-consent-ink);
  background-color: var(--s4g-consent-surface);
  box-shadow: var(--s4g-consent-shadow);
  border: 1px solid var(--s4g-consent-line);
  animation: s4g-consent-rise 420ms var(--s4g-consent-ease) both;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-notice:not(.cookie-modal-notice) .cn-body {
  padding: 28px 28px 24px;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-notice h2#id-cookie-title {
  margin: 0 0 10px;
  font-family: var(--title-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--s4g-consent-ink);
  text-wrap: balance;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-notice p#id-cookie-notice {
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--s4g-consent-ink-2);
  text-wrap: pretty;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-notice p#id-cookie-notice a {
  font-weight: 600;
  text-underline-offset: 3px;
}
/* Zwei gleichwertige Entscheidungen nebeneinander, „Einstellungen“ als ruhige dritte Zeile */
.klaro.klaro-theme-sub_sharefourgrowth .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0;
  align-items: stretch;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
  display: contents;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
  margin: 0;
  width: 100%;
  min-height: 48px;
  white-space: nowrap;
  transition: background-color 160ms var(--s4g-consent-ease), transform 160ms var(--s4g-consent-ease);
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn:active {
  transform: translateY(1px);
}
/* Reihenfolge: Nur notwendige links, Alle akzeptieren rechts, Einstellungen darunter über volle Breite */
.klaro.klaro-theme-sub_sharefourgrowth .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons .cn-decline { order: 1; }
.klaro.klaro-theme-sub_sharefourgrowth .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons .cm-btn-success { order: 2; }
.klaro.klaro-theme-sub_sharefourgrowth.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more {
  order: 3;
  grid-column: 1 / -1;
  margin: 4px 0 0;
  padding: 10px 0 0;
  min-height: 0;
  width: auto;
  color: var(--s4g-indigo-600, #414BB2);
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: transparent;
  transition: color 160ms var(--s4g-consent-ease), text-decoration-color 160ms var(--s4g-consent-ease);
}
.klaro.klaro-theme-sub_sharefourgrowth.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more:hover {
  color: var(--s4g-indigo-800, #2E2B62);
  background: transparent;
  border: 0;
  text-decoration-color: currentColor;
}

/* ---------- Dialog (zweite Ebene) ---------- */
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal {
  z-index: 1100;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-bg {
  background: rgba(34, 31, 75, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  animation: s4g-consent-fade 240ms var(--s4g-consent-ease) both;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal.cm-klaro {
  color: var(--s4g-consent-ink);
  background-color: var(--s4g-consent-surface);
  box-shadow: var(--s4g-consent-shadow);
  max-width: 600px;
  max-height: calc(100dvh - 32px);
  overflow: auto;
  overscroll-behavior: contain;
  animation: s4g-consent-pop 320ms var(--s4g-consent-ease) both;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-header {
  padding: 32px 64px 20px 32px;
  border-bottom: 0;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-header h1.title {
  margin: 0 0 10px;
  font-family: var(--title-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--s4g-consent-ink);
  text-wrap: balance;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-header p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--s4g-consent-ink-2);
  text-wrap: pretty;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .hide {
  top: 22px;
  right: 22px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  transition: background-color 160ms var(--s4g-consent-ease);
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .hide:hover {
  background: var(--white2);
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .hide svg {
  stroke: var(--s4g-consent-ink);
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body {
  padding: 4px 32px 8px;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body ul.cm-services {
  margin: 0;
  padding: 0;
  list-style: none;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service {
  display: block;
  margin: 0;
  padding: 18px 0;
  border-top: 1px solid var(--s4g-consent-line);
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service:last-child {
  border-bottom: 1px solid var(--s4g-consent-line);
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body li.cm-service .cm-list-label {
  min-height: 28px;
  padding-inline-start: 64px;
  position: relative;
  cursor: pointer;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body li.cm-service .cm-list-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--s4g-consent-ink);
  line-height: 28px;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body ul li span.cm-required,
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body ul li span.cm-opt-out {
  opacity: 1;
  margin-left: 8px;
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--s4g-indigo-100, #E3E0F7);
  color: var(--s4g-indigo-900, #221F4B);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  vertical-align: middle;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body li.cm-service .cm-list-description {
  padding: 4px 0 0 64px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--s4g-consent-ink-2);
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body li.cm-service .cm-list-description p.purposes {
  margin: 6px 0 0;
  font-size: 13px;
  color: var(--s4g-consent-ink-2);
}
/* Kategorien (group_by_purpose): ul.cm-purposes > li.cm-purpose, Dienste darunter einklappbar */
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body ul.cm-purposes {
  margin: 0;
  padding: 0;
  list-style: none;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body ul.cm-purposes > li.cm-purpose {
  display: block;
  margin: 0 0 12px;
  padding: 18px 20px;
  border: 1px solid var(--s4g-consent-line);
  border-radius: 16px;
  background: #fff;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body ul.cm-purposes > li.cm-purpose.cm-toggle-all {
  background: var(--s4g-indigo-50, #F3F1FC);
  border-color: transparent;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body li.cm-purpose .cm-list-label {
  min-height: 28px;
  padding-inline-start: 64px;
  position: relative;
  cursor: pointer;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body li.cm-purpose .cm-list-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--s4g-consent-ink);
  line-height: 28px;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body li.cm-purpose .cm-list-description {
  padding: 4px 0 0 64px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--s4g-consent-ink-2);
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body li.cm-purpose .cm-services {
  margin: 10px 0 0 64px;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body li.cm-purpose .cm-services .cm-caret a {
  display: inline-block;
  min-height: 32px;
  padding: 4px 0;
  color: var(--s4g-indigo-600, #414BB2);
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body li.cm-purpose .cm-services .cm-content {
  margin: 0;
  padding: 0;
  list-style: none;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body li.cm-purpose .cm-services .cm-content.expanded {
  margin: 6px 0 0;
  padding: 12px 0 0;
  border-top: 1px dashed var(--s4g-consent-line);
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body li.cm-purpose .cm-services li.cm-service {
  padding: 8px 0;
  border: 0;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body li.cm-purpose .cm-services li.cm-service .cm-list-title {
  font-size: 15px;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body li.cm-purpose .cm-services li.cm-service .cm-list-description {
  padding-left: 64px;
}

/* In der Gruppenansicht ist die Zeile „Zweck: …“ unter jedem Dienst redundant (steht als Kategorie darüber) */
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body li.cm-purpose .cm-services li.cm-service p.purposes {
  display: none;
}

/* Schalter: 48×28, weicher Knopf, Zustand über Farbe + Position */
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-switch {
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 28px;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-list-label .slider {
  border-radius: 999px;
  background-color: var(--klaro-slider-bg);
  transition: background-color 180ms var(--s4g-consent-ease);
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-list-label .slider::before {
  width: 22px;
  height: 22px;
  left: 3px;
  bottom: 3px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(34, 31, 75, 0.3);
  transition: transform 180ms var(--s4g-consent-ease);
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-list-input:checked + .cm-list-label .slider::before {
  transform: translateX(20px);
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-list-input:focus-visible + .cm-list-label .slider {
  outline: 3px solid var(--s4g-indigo-400, #7980DB);
  outline-offset: 3px;
  box-shadow: none;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-footer {
  padding: 20px 32px 28px;
  border-top: 0;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-footer-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-footer-buttons .cm-btn {
  margin: 0;
  width: 100%;
  min-height: 48px;
  transition: background-color 160ms var(--s4g-consent-ease), color 160ms var(--s4g-consent-ease);
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-footer-buttons .cn-decline { order: 1; }
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-footer-buttons .cm-btn-accept-all { order: 2; }
/* „Auswahl speichern“ = ruhiger Outline-Button über volle Breite (zweite Ebene) */
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-footer-buttons .cm-btn-accept {
  order: 3;
  grid-column: 1 / -1;
  color: var(--s4g-indigo-800, #2E2B62);
  background-color: transparent;
  border: 2px solid var(--s4g-consent-line);
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-footer-buttons .cm-btn-accept:hover {
  color: #fff;
  background-color: var(--s4g-indigo-800, #2E2B62);
  border-color: var(--s4g-indigo-800, #2E2B62);
}
.klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-footer .cm-powered-by {
  display: none;
}

/* ---------- Platzhalter statt YouTube-iframe (kontextuelle Einwilligung) ---------- */
/* klaro-js fügt den Platzhalter als DIV VOR dem iframe ein; im 16:9-Container (.resObj_container,
   padding-top-Trick) muss er wie das iframe absolut den Rahmen füllen. */
.resObj_container > [data-type="placeholder"] {
  position: absolute;
  inset: 0;
  border-radius: 20px;
  overflow: hidden;
}
.klaro.klaro-theme-sub_sharefourgrowth.cm-as-context-notice {
  padding: 0;
}
.klaro.klaro-theme-sub_sharefourgrowth .context-notice {
  min-height: 100%;
  box-sizing: border-box;
  justify-content: center;
  padding: 32px 28px;
  border: 0;
  border-radius: 20px;
  color: #fff;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(121, 128, 219, 0.35), transparent 60%),
    var(--s4g-indigo-900, #221F4B);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  text-align: center;
}
.klaro.klaro-theme-sub_sharefourgrowth .context-notice p {
  max-width: 46ch;
  margin: 0 auto 18px;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.92);
  text-wrap: pretty;
}
.klaro.klaro-theme-sub_sharefourgrowth .context-notice p.cm-dialog-link,
.klaro.klaro-theme-sub_sharefourgrowth .context-notice p.cm-dialog-link a {
  color: rgba(255, 255, 255, 0.85);
  font-size: 13px;
}
.klaro.klaro-theme-sub_sharefourgrowth .context-notice .cm-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.klaro.klaro-theme-sub_sharefourgrowth .context-notice .cm-buttons .cm-btn {
  margin: 0;
  min-height: 48px;
  color: var(--s4g-indigo-900, #221F4B);
  background-color: #fff;
  border: 2px solid #fff;
}
.klaro.klaro-theme-sub_sharefourgrowth .context-notice .cm-buttons .cm-btn.cm-btn-success-var {
  color: #fff;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.6);
}
.klaro.klaro-theme-sub_sharefourgrowth .context-notice .cm-buttons .cm-btn:hover {
  color: var(--s4g-indigo-900, #221F4B);
  background-color: var(--white2);
  border-color: var(--white2);
}
.klaro.klaro-theme-sub_sharefourgrowth .context-notice .cm-buttons .cm-btn:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

/* ---------- Schwebender Knopf „Cookie-Einstellungen“: unten LINKS, 48 px ---------- */
.klaro_toggle_dialog {
  z-index: 1040;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23414BB2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3a9 9 0 1 0 9 9c0-.6-.06-1.2-.17-1.77A3 3 0 0 1 17 8.5a3 3 0 0 1-3.5-3.36A9.05 9.05 0 0 0 12 3z'/><circle cx='8.5' cy='10.5' r='1' fill='%23414BB2' stroke='none'/><circle cx='12.5' cy='15.5' r='1' fill='%23414BB2' stroke='none'/><circle cx='8' cy='15' r='.8' fill='%23414BB2' stroke='none'/><circle cx='15.5' cy='12' r='.8' fill='%23414BB2' stroke='none'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  right: auto;
  left: 24px;
  bottom: 24px;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  border: 1px solid var(--s4g-indigo-100, #E3E0F7);
  background-color: #fff;
  background-size: 24px 24px;
  box-shadow: 0 8px 24px -6px rgba(34, 31, 75, 0.35);
  transition: transform 160ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 160ms cubic-bezier(0.22, 1, 0.36, 1);
}
.klaro_toggle_dialog:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px -6px rgba(34, 31, 75, 0.4);
}
.klaro_toggle_dialog:focus { transform: none; }
.klaro_toggle_dialog:focus-visible {
  outline: 3px solid var(--s4g-indigo-400, #7980DB);
  outline-offset: 3px;
}

/* ---------- Bewegung ---------- */
@keyframes s4g-consent-rise {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes s4g-consent-pop {
  from { opacity: 0; transform: translateY(-50%) scale(0.97); }
  to   { opacity: 1; transform: translateY(-50%) scale(1); }
}
@keyframes s4g-consent-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ---------- Mobil ---------- */
@media (max-width: 1023px) {
  .klaro.klaro-theme-sub_sharefourgrowth .cookie-notice:not(.cookie-modal-notice) {
    left: 12px;
    right: 12px;
    bottom: 12px;
    width: auto;
    max-width: none;
    border-radius: 20px;
  }
}
@media (max-width: 420px) {
  .klaro.klaro-theme-sub_sharefourgrowth .cookie-notice:not(.cookie-modal-notice) .cn-body { padding: 22px 20px 20px; }
  .klaro.klaro-theme-sub_sharefourgrowth .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok,
  .klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-footer-buttons { grid-template-columns: 1fr; }
  .klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-header { padding: 24px 56px 16px 20px; }
  .klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-body { padding: 0 20px; }
  .klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal .cm-footer { padding: 16px 20px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .klaro.klaro-theme-sub_sharefourgrowth .cookie-notice:not(.cookie-modal-notice),
  .klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-bg,
  .klaro.klaro-theme-sub_sharefourgrowth .cookie-modal .cm-modal.cm-klaro {
    animation: s4g-consent-fade 120ms linear both;
  }
  .klaro.klaro-theme-sub_sharefourgrowth *,
  .klaro_toggle_dialog { transition: none; }
  .klaro_toggle_dialog:hover { transform: none; }
}