.elementor-164 .elementor-element.elementor-element-e836af3{--display:flex;--min-height:700px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-164 .elementor-element.elementor-element-e836af3:not(.elementor-motion-effects-element-type-background), .elementor-164 .elementor-element.elementor-element-e836af3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at bottom center, var( --e-global-color-2e93ef8 ) 35%, var( --e-global-color-96682cf ) 80%);}.elementor-164 .elementor-element.elementor-element-e836af3 > .elementor-shape-bottom .elementor-shape-fill, .elementor-164 .elementor-element.elementor-element-e836af3 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-dddbc3f );}.elementor-164 .elementor-element.elementor-element-e836af3 > .elementor-shape-bottom svg, .elementor-164 .elementor-element.elementor-element-e836af3 > .e-con-inner > .elementor-shape-bottom svg{width:calc(250% + 1.3px);height:150px;transform:translateX(-50%) rotateY(180deg);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-be7b8c6 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:45px;font-weight:400;text-transform:uppercase;line-height:57px;letter-spacing:1.05px;color:var( --e-global-color-4a288be );}.elementor-164 .elementor-element.elementor-element-4e178511{--display:flex;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}body.elementor-page-164:not(.elementor-motion-effects-element-type-background), body.elementor-page-164 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dddbc3f );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-164 .elementor-element.elementor-element-be7b8c6 .elementor-heading-title{font-size:36px;line-height:46px;}}@media(max-width:767px){.elementor-164 .elementor-element.elementor-element-be7b8c6{text-align:center;}.elementor-164 .elementor-element.elementor-element-be7b8c6 .elementor-heading-title{font-size:36px;line-height:46px;}}/* Start custom CSS for container, class: .elementor-element-e836af3 */.elementor-164 .elementor-element.elementor-element-e836af3 {
  position: relative;
  overflow: hidden;
}

.elementor-164 .elementor-element.elementor-element-e836af3::after {
  content: "";
  position: absolute;
  top: -350px;
  right: -350px;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(48, 48, 48, 0.35) 0%,
    rgba(48, 48, 48, 0.18) 35%,
    transparent 95%
  );
  filter: blur(30px);
  z-index: 2;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e178511 *//* =========================================================
   1. Grundlayout / Variablen
   ========================================================= */

#cmplz-document,
#cmplz-manage-consent-container {
  --pawdare-text: #333333;
  --pawdare-text-soft: rgba(17, 17, 17, 0.82);
  --pawdare-accent: #C08552;
  --pawdare-accent-hover: #B97845;
  --pawdare-glass-bg: rgba(255, 248, 241, 0.68);
  --pawdare-glass-bg-hover: rgba(255, 248, 241, 0.82);
  --pawdare-border: rgba(255, 255, 255, 0.34);

  max-width: 100% !important;
  color: var(--pawdare-text) !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
}

/* Globale Schrift */
#cmplz-document,
#cmplz-document *,
#cmplz-manage-consent-container,
#cmplz-manage-consent-container * {
  box-sizing: border-box !important;
  font-family: "Roboto Serif", serif !important;
}

/* Standard-Texte */
#cmplz-document p,
#cmplz-document li,
#cmplz-document span,
#cmplz-document div,
#cmplz-document td,
#cmplz-document th,
#cmplz-manage-consent-container p,
#cmplz-manage-consent-container li,
#cmplz-manage-consent-container span,
#cmplz-manage-consent-container div {
  color: var(--pawdare-text-soft) !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: calc(1em + 12px) !important;
}

/* Überschriften */
#cmplz-document h1,
#cmplz-document h2,
#cmplz-document h3,
#cmplz-document h4,
#cmplz-document h5 {
  color: var(--pawdare-text) !important;
  font-family: "Montserrat", serif !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: calc(1em + 12px) !important;
}

/* Hauptüberschrift */
#cmplz-document h2 {
  margin-top: 34px !important;
  margin-bottom: 18px !important;
  font-size: 24px !important;
  line-height: 36px !important;
}

/* Untertitel */
#cmplz-document .cmplz-subtitle {
  color: var(--pawdare-text) !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: calc(1em + 12px) !important;
}

/* Links */
#cmplz-document a,
#cmplz-manage-consent-container a {
  color: var(--pawdare-accent) !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: calc(1em + 12px) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 0.25s ease, text-shadow 0.25s ease !important;
}

#cmplz-document a:hover,
#cmplz-document a:focus,
#cmplz-manage-consent-container a:hover,
#cmplz-manage-consent-container a:focus {
  color: var(--pawdare-accent-hover) !important;
  text-shadow: 0 0 14px rgba(192, 133, 82, 0.22) !important;
}

/* Screenreader-Text unsichtbar halten */
#cmplz-document .screen-reader-text,
#cmplz-manage-consent-container .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* =========================================================
   2. Listen Wrapper
   ========================================================= */

#cmplz-document #cmplz-cookies-overview,
#cmplz-document .cmplz-categories,
#cmplz-manage-consent-container .cmplz-categories {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: 18px !important;
}


/* =========================================================
   3. Glass Boxen
   ========================================================= */

#cmplz-document .cmplz-dropdown,
#cmplz-document .cmplz-category,
#cmplz-manage-consent-container .cmplz-category {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 1px solid var(--pawdare-border) !important;
  border-radius: 12px !important;
  outline: none !important;

  background: var(--pawdare-glass-bg) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;

  box-shadow:
    -3px -3px 9px rgba(255, 255, 255, 0.38),
     5px 6px 14px rgba(58, 38, 22, 0.075),
     inset 1px 1px 2px rgba(255, 255, 255, 0.34),
     inset -1px -1px 3px rgba(70, 45, 25, 0.03) !important;
}

/* Heller Verlauf oben links */
#cmplz-document .cmplz-dropdown::before,
#cmplz-document .cmplz-category::before,
#cmplz-manage-consent-container .cmplz-category::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;

  background: radial-gradient(
    circle at top left,
    rgba(255, 255, 255, 0.38) 0%,
    rgba(255, 255, 255, 0.16) 28%,
    rgba(255, 255, 255, 0.035) 52%,
    transparent 82%
  ) !important;
}

/* Warmer Verlauf unten rechts */
#cmplz-document .cmplz-dropdown::after,
#cmplz-document .cmplz-category::after,
#cmplz-manage-consent-container .cmplz-category::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;

  background: radial-gradient(
    circle at bottom right,
    rgba(80, 45, 20, 0.045) 0%,
    rgba(80, 45, 20, 0.02) 32%,
    transparent 68%
  ) !important;
}

/* Inhalt über Glass-Effekt legen */
#cmplz-document .cmplz-dropdown > *,
#cmplz-document .cmplz-category > *,
#cmplz-manage-consent-container .cmplz-category > * {
  position: relative !important;
  z-index: 2 !important;
}


/* =========================================================
   4. Cookie-Dokument – Service Dropdowns
   ========================================================= */

#cmplz-document .cmplz-dropdown summary {
  position: relative !important;

  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 58px 0 18px !important;

  display: flex !important;
  align-items: center !important;

  border: none !important;
  border-radius: 12px !important;
  outline: none !important;

  background: rgba(255, 248, 241, 0.45) !important;
  box-shadow: none !important;

  cursor: pointer !important;
  list-style: none !important;

  transition: background 0.3s ease, box-shadow 0.3s ease !important;
}

/* Browser Marker entfernen */
#cmplz-document summary::-webkit-details-marker {
  display: none !important;
}

#cmplz-document summary::marker {
  color: transparent !important;
  font-size: 0 !important;
}

/* Schwarzes Original-Icon komplett ausblenden */
#cmplz-document .cmplz-dropdown summary .cmplz-icon,
#cmplz-document .cmplz-service-header .cmplz-icon,
#cmplz-document .cmplz-dropdown summary svg,
#cmplz-document .cmplz-service-header svg {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Kleiner goldener Pfeil rechts */
#cmplz-document .cmplz-dropdown summary::after {
  content: "" !important;
  position: absolute !important;

  right: 22px !important;
  top: 50% !important;

  width: 9px !important;
  height: 9px !important;

  border-right: 2px solid var(--pawdare-accent) !important;
  border-bottom: 2px solid var(--pawdare-accent) !important;

  transform: translateY(-65%) rotate(45deg) !important;
  transform-origin: center !important;

  transition: transform 0.25s ease !important;
  pointer-events: none !important;
}

/* Pfeil drehen, wenn geöffnet */
#cmplz-document .cmplz-dropdown[open] summary::after {
  transform: translateY(-35%) rotate(-135deg) !important;
}

/* Hover auf Service-Zeile */
#cmplz-document .cmplz-dropdown summary:hover {
  background: var(--pawdare-glass-bg-hover) !important;
  box-shadow:
    inset 1px 1px 3px rgba(255, 255, 255, 0.42),
    0 8px 18px rgba(120, 75, 35, 0.10) !important;
}

/* Service Header */
#cmplz-document .cmplz-service-header {
  width: 100% !important;
  min-height: 54px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Inneres Div */
#cmplz-document .cmplz-service-header > div {
  width: 100% !important;

  display: grid !important;
  grid-template-columns: max-content max-content 1fr !important;
  align-items: center !important;
  column-gap: 22px !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Service Titel */
#cmplz-document .cmplz-service-header h3 {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--pawdare-accent) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: 30px !important;

  white-space: nowrap !important;
}

/* Service Kategorie Text */
#cmplz-document .cmplz-service-header p {
  margin: 0 !important;
  padding: 0 !important;

  color: rgba(17, 17, 17, 0.76) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: 26px !important;

  white-space: nowrap !important;
}


/* =========================================================
   5. Verwalte Einwilligungseinstellungen
   ========================================================= */

#cmplz-manage-consent-container .cmplz-category-header,
#cmplz-document .cmplz-category-header {
  position: relative !important;

  width: 100% !important;
  min-height: 54px !important;

  margin: 0 !important;
  padding: 0 58px 0 18px !important;

  display: grid !important;
  grid-template-columns: max-content max-content 1fr !important;
  align-items: center !important;
  column-gap: 22px !important;

  background: rgba(255, 248, 241, 0.45) !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: none !important;

  transition: background 0.3s ease, box-shadow 0.3s ease !important;
}

#cmplz-manage-consent-container .cmplz-category-header:hover,
#cmplz-document .cmplz-category-header:hover {
  background: var(--pawdare-glass-bg-hover) !important;
  box-shadow:
    inset 1px 1px 3px rgba(255, 255, 255, 0.42),
    0 8px 18px rgba(120, 75, 35, 0.10) !important;
}

/* Kategorie Titel */
#cmplz-manage-consent-container .cmplz-category-title,
#cmplz-document .cmplz-category-title {
  grid-column: 1 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--pawdare-accent) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: 30px !important;

  white-space: nowrap !important;
  pointer-events: none !important;
}

/* Checkbox / Immer aktiv neben dem Titel */
#cmplz-manage-consent-container .cmplz-category-header > .cmplz-banner-checkbox,
#cmplz-manage-consent-container .cmplz-category-header > .cmplz-always-active,
#cmplz-document .cmplz-category-header > .cmplz-banner-checkbox,
#cmplz-document .cmplz-category-header > .cmplz-always-active {
  grid-column: 2 !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: rgba(17, 17, 17, 0.78) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: 26px !important;

  white-space: nowrap !important;
}

/* Functional: Checkbox ausblenden, nur "Immer aktiv" zeigen */
#cmplz-manage-consent-container .cmplz-functional .cmplz-always-active .cmplz-banner-checkbox,
#cmplz-document .cmplz-functional .cmplz-always-active .cmplz-banner-checkbox {
  display: none !important;
}

/* "Immer aktiv" soll die Zeile nicht blockieren */
#cmplz-manage-consent-container .cmplz-always-active,
#cmplz-document .cmplz-always-active {
  pointer-events: none !important;
}

/* Checkbox Wrapper bleibt klickbar */
#cmplz-manage-consent-container .cmplz-category-header > .cmplz-banner-checkbox,
#cmplz-document .cmplz-category-header > .cmplz-banner-checkbox {
  position: relative !important;
  z-index: 6 !important;
  pointer-events: auto !important;
}

/* Checkbox */
#cmplz-manage-consent-container .cmplz-banner-checkbox,
#cmplz-document .cmplz-banner-checkbox {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 16px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Checkbox Input */
#cmplz-manage-consent-container .cmplz-banner-checkbox input[type="checkbox"],
#cmplz-manage-consent-container input[type="checkbox"].cmplz-consent-checkbox,
#cmplz-document .cmplz-banner-checkbox input[type="checkbox"],
#cmplz-document input[type="checkbox"].cmplz-consent-checkbox {
  width: 14px !important;
  height: 14px !important;

  margin: 0 !important;
  padding: 0 !important;

  accent-color: var(--pawdare-accent) !important;
  cursor: pointer !important;
}

/* Checkbox Label */
#cmplz-manage-consent-container .cmplz-banner-checkbox label,
#cmplz-manage-consent-container .cmplz-label,
#cmplz-document .cmplz-banner-checkbox label,
#cmplz-document .cmplz-label {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--pawdare-text) !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: 26px !important;
}

/* Toggle Button als unsichtbare Klickfläche */
#cmplz-manage-consent-container .cmplz-category-toggle,
#cmplz-document .cmplz-category-toggle {
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  cursor: pointer !important;
}

/* Pfeil im Toggle rechts positionieren */
#cmplz-manage-consent-container .cmplz-category-toggle .cmplz-icon,
#cmplz-document .cmplz-category-toggle .cmplz-icon {
  position: absolute !important;

  right: 22px !important;
  top: 50% !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 18px !important;
  height: 18px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  transform: translateY(-50%) !important;

  pointer-events: none !important;
}

/* SVG Pfeile im Manage-Bereich golden */
#cmplz-manage-consent-container svg,
#cmplz-manage-consent-container svg *,
#cmplz-manage-consent-container svg path,
#cmplz-document .cmplz-category-toggle svg,
#cmplz-document .cmplz-category-toggle svg *,
#cmplz-document .cmplz-category-toggle svg path {
  fill: var(--pawdare-accent) !important;
  stroke: var(--pawdare-accent) !important;
  color: var(--pawdare-accent) !important;
}

#cmplz-manage-consent-container .cmplz-icon svg,
#cmplz-document .cmplz-category-toggle .cmplz-icon svg {
  width: 15px !important;
  height: 15px !important;
  opacity: 0.95 !important;
}


/* =========================================================
   6. Geöffnete Inhalte
   ========================================================= */

#cmplz-document details[open],
#cmplz-document .cmplz-dropdown[open],
#cmplz-document .cmplz-category[open],
#cmplz-manage-consent-container .cmplz-category[open] {
  background: rgba(255, 248, 241, 0.78) !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 12px !important;
  outline: none !important;
}

/* Beschreibung allgemein */
#cmplz-document .cmplz-service-description,
#cmplz-document .cmplz-sharing-data,
#cmplz-document .cmplz-description,
#cmplz-manage-consent-container .cmplz-description {
  margin: 0 !important;
  padding: 22px 34px !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Beschreibung Kategorie */
#cmplz-document .cmplz-category .cmplz-description,
#cmplz-manage-consent-container .cmplz-category .cmplz-description {
  margin: 0 !important;
  padding: 18px 22px 22px 22px !important;

  color: var(--pawdare-text-soft) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: 26px !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#cmplz-document .cmplz-category .cmplz-description span,
#cmplz-manage-consent-container .cmplz-category .cmplz-description span {
  color: var(--pawdare-text-soft) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: 26px !important;
}

/* Verwendung + Weitergabe nebeneinander */
#cmplz-document .cmplz-dropdown[open] .cmplz-service-description,
#cmplz-document .cmplz-dropdown[open] .cmplz-sharing-data {
  display: inline-block !important;
  width: 50% !important;
  vertical-align: top !important;
}

#cmplz-document .cmplz-dropdown[open] .cmplz-service-description {
  padding-right: 28px !important;
}

#cmplz-document .cmplz-dropdown[open] .cmplz-sharing-data {
  padding-left: 28px !important;
}

/* Überschriften im geöffneten Bereich */
#cmplz-document .cmplz-service-description h4,
#cmplz-document .cmplz-sharing-data h4,
#cmplz-document .cmplz-description h4 {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;

  color: var(--pawdare-text) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: 27px !important;
}

/* Texte im geöffneten Bereich */
#cmplz-document .cmplz-service-description p,
#cmplz-document .cmplz-sharing-data p,
#cmplz-document .cmplz-description span {
  margin: 0 !important;

  color: rgba(17, 17, 17, 0.84) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: 26px !important;
}


/* =========================================================
   7. Cookie Tabellen – einheitlich für alle Bereiche
   Name / Ablaufdatum / Funktion
   ========================================================= */

/* Tabellen-Wrapper */
#cmplz-document .cmplz-dropdown .cookies-per-purpose,
#cmplz-document .cmplz-dropdown-cookiepolicy .cookies-per-purpose,
#cmplz-document .cookies-per-purpose {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  background: rgba(255, 248, 241, 0.26) !important;
  background-color: rgba(255, 248, 241, 0.26) !important;

  border: none !important;
  border-top: 1px solid rgba(120, 75, 35, 0.12) !important;
  border-radius: 0 0 12px 12px !important;

  box-shadow: none !important;
}

/* Alle Tabellen-Zellen */
#cmplz-document .cookies-per-purpose > div,
#cmplz-document .cookies-per-purpose div {
  min-height: 50px !important;

  display: flex !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 12px 16px !important;

  background: rgba(255, 248, 241, 0.16) !important;
  background-color: rgba(255, 248, 241, 0.16) !important;

  border: none !important;
  border-top: 1px solid rgba(120, 75, 35, 0.12) !important;
  border-right: 1px solid rgba(120, 75, 35, 0.10) !important;

  color: rgba(17, 17, 17, 0.82) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: 26px !important;
}

/* Zweck-Zeile über der Tabelle */
#cmplz-document .cookies-per-purpose > .purpose,
#cmplz-document .cookies-per-purpose .purpose {
  grid-column: 1 / -1 !important;

  background: rgba(255, 248, 241, 0.38) !important;
  background-color: rgba(255, 248, 241, 0.38) !important;

  color: var(--pawdare-text) !important;

  border-top: 1px solid rgba(120, 75, 35, 0.12) !important;
  border-right: none !important;
}

/* Header-Zellen: Name / Ablaufdatum / Funktion */
#cmplz-document .cookies-per-purpose > .name-header,
#cmplz-document .cookies-per-purpose > .retention-header,
#cmplz-document .cookies-per-purpose > .function-header,
#cmplz-document .cookies-per-purpose .name-header,
#cmplz-document .cookies-per-purpose .retention-header,
#cmplz-document .cookies-per-purpose .function-header,
#cmplz-document .cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,
#cmplz-document .cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,
#cmplz-document .cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header {
  background: rgba(255, 248, 241, 0.42) !important;
  background-color: rgba(255, 248, 241, 0.42) !important;

  color: #111111 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: 26px !important;

  border-top: 1px solid rgba(120, 75, 35, 0.12) !important;
  border-right: 1px solid rgba(120, 75, 35, 0.10) !important;
}

/* Werte-Zellen */
#cmplz-document .cookies-per-purpose > .name,
#cmplz-document .cookies-per-purpose > .retention,
#cmplz-document .cookies-per-purpose > .function,
#cmplz-document .cookies-per-purpose .name,
#cmplz-document .cookies-per-purpose .retention,
#cmplz-document .cookies-per-purpose .function {
  background: rgba(255, 248, 241, 0.16) !important;
  background-color: rgba(255, 248, 241, 0.16) !important;

  color: rgba(17, 17, 17, 0.82) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: 26px !important;
}

/* Alle direkten Elemente in Tabellen-Zellen */
#cmplz-document .cookies-per-purpose > div *,
#cmplz-document .cookies-per-purpose h4,
#cmplz-document .cookies-per-purpose h5,
#cmplz-document .cookies-per-purpose p,
#cmplz-document .cookies-per-purpose span {
  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: 26px !important;

  background: transparent !important;
  background-color: transparent !important;
}

/* Links in Tabellen */
#cmplz-document .cookies-per-purpose a {
  color: var(--pawdare-accent) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: 26px !important;

  background: transparent !important;
  background-color: transparent !important;
}

/* Sehr starke Korrektur gegen Theme-/Plugin-Braun bei WordPress / Sonstiges */
#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,
#cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header,
#cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header,
#cmplz-document .cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,
#cmplz-document .cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,
#cmplz-document .cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,
#cmplz-document [class*="cookies-per-purpose"] [class*="name-header"],
#cmplz-document [class*="cookies-per-purpose"] [class*="retention-header"],
#cmplz-document [class*="cookies-per-purpose"] [class*="function-header"] {
  background: rgba(255, 248, 241, 0.42) !important;
  background-color: rgba(255, 248, 241, 0.42) !important;

  color: #111111 !important;
  font-family: "Roboto Serif", serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: 26px !important;
}

/* Falls Complianz oder Theme echte Tabellen erzeugt */
#cmplz-document table,
#cmplz-document tbody,
#cmplz-document tr,
#cmplz-document td,
#cmplz-document th {
  background: transparent !important;
  background-color: transparent !important;

  color: var(--pawdare-text) !important;
  font-family: "Roboto Serif", serif !important;
  font-weight: 400 !important;
  letter-spacing: 1.05px !important;
  line-height: calc(1em + 12px) !important;

  border-color: rgba(120, 75, 35, 0.10) !important;
}

#cmplz-document table th,
#cmplz-document table thead th {
  background: rgba(255, 248, 241, 0.42) !important;
  background-color: rgba(255, 248, 241, 0.42) !important;

  color: #111111 !important;
  font-weight: 400 !important;
}

#cmplz-document table td {
  background: rgba(255, 248, 241, 0.16) !important;
  background-color: rgba(255, 248, 241, 0.16) !important;

  color: rgba(17, 17, 17, 0.82) !important;
  font-weight: 400 !important;
}


/* =========================================================
   8. Feinschliff
   ========================================================= */

#cmplz-document details,
#cmplz-document summary,
#cmplz-document .cmplz-dropdown,
#cmplz-document .cmplz-category,
#cmplz-document .cmplz-service-header,
#cmplz-document .cmplz-category-header,
#cmplz-document .cmplz-service-header > div,
#cmplz-manage-consent-container .cmplz-category,
#cmplz-manage-consent-container .cmplz-category-header {
  outline: none !important;
}

/* Abstand zwischen Boxen */
#cmplz-document .cmplz-dropdown + .cmplz-dropdown,
#cmplz-document .cmplz-category + .cmplz-category,
#cmplz-manage-consent-container .cmplz-category + .cmplz-category {
  margin-top: 0 !important;
}


/* =========================================================
   9. Mobile Optimierung
   ========================================================= */

@media (max-width: 767px) {

  #cmplz-document .cmplz-dropdown summary {
    min-height: auto !important;
    padding: 14px 48px 14px 16px !important;
  }

  #cmplz-document .cmplz-service-header > div {
    grid-template-columns: 1fr !important;
    row-gap: 4px !important;
    column-gap: 0 !important;
  }

  #cmplz-document .cmplz-service-header h3 {
    font-size: 16px !important;
    line-height: 28px !important;
    white-space: normal !important;
  }

  #cmplz-document .cmplz-service-header p {
    font-size: 13px !important;
    line-height: 25px !important;
    white-space: normal !important;
  }

  #cmplz-manage-consent-container .cmplz-category-header,
  #cmplz-document .cmplz-category-header {
    min-height: auto !important;
    padding: 14px 48px 14px 16px !important;

    grid-template-columns: 1fr !important;
    row-gap: 6px !important;
    column-gap: 0 !important;
  }

  #cmplz-manage-consent-container .cmplz-category-title,
  #cmplz-document .cmplz-category-title {
    grid-column: 1 !important;
    grid-row: 1 !important;

    font-size: 16px !important;
    line-height: 28px !important;
    white-space: normal !important;
  }

  #cmplz-manage-consent-container .cmplz-category-header > .cmplz-banner-checkbox,
  #cmplz-manage-consent-container .cmplz-category-header > .cmplz-always-active,
  #cmplz-document .cmplz-category-header > .cmplz-banner-checkbox,
  #cmplz-document .cmplz-category-header > .cmplz-always-active {
    grid-column: 1 !important;
    grid-row: 2 !important;

    font-size: 13px !important;
    line-height: 25px !important;
    white-space: normal !important;
  }

  #cmplz-manage-consent-container .cmplz-category-toggle .cmplz-icon,
  #cmplz-document .cmplz-category-toggle .cmplz-icon {
    right: 18px !important;
  }

  #cmplz-document .cmplz-dropdown[open] .cmplz-service-description,
  #cmplz-document .cmplz-dropdown[open] .cmplz-sharing-data {
    display: block !important;
    width: 100% !important;
    padding: 18px 20px !important;
  }

  #cmplz-document .cookies-per-purpose,
  #cmplz-document .cmplz-dropdown .cookies-per-purpose,
  #cmplz-document .cmplz-dropdown-cookiepolicy .cookies-per-purpose {
    grid-template-columns: 1fr !important;
  }

  #cmplz-document .cookies-per-purpose > div,
  #cmplz-document .cookies-per-purpose div {
    border-right: none !important;
  }

  #cmplz-document .cookies-per-purpose > .purpose,
  #cmplz-document .cookies-per-purpose .purpose {
    grid-column: 1 !important;
  }
}

/* =========================================================
   FIX: Schwarzes Complianz-Icon komplett entfernen
   Nur kleiner goldener Pfeil bleibt sichtbar
   Ganz unten im CSS einfügen
   ========================================================= */

/* Native Browser-Details-Marker entfernen */
#cmplz-document .cmplz-dropdown summary::-webkit-details-marker {
  display: none !important;
}

#cmplz-document .cmplz-dropdown summary::marker {
  content: "" !important;
  display: none !important;
  font-size: 0 !important;
  color: transparent !important;
}

/* Summary sauber zurücksetzen */
#cmplz-document .cmplz-dropdown summary {
  list-style: none !important;
}

/* Alle originalen Complianz Icons/SVGs im Service-Header ausblenden */
#cmplz-document .cmplz-dropdown summary .cmplz-icon,
#cmplz-document .cmplz-dropdown summary svg,
#cmplz-document .cmplz-dropdown summary svg *,
#cmplz-document .cmplz-service-header .cmplz-icon,
#cmplz-document .cmplz-service-header svg,
#cmplz-document .cmplz-service-header svg *,
#cmplz-document .cmplz-service-header .cmplz-open,
#cmplz-document .cmplz-service-header .cmplz-close {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
}

/* Schwarze Pfeile, die per ::before oder ::after vom Plugin/Theme kommen, entfernen */
#cmplz-document .cmplz-service-header::before,
#cmplz-document .cmplz-service-header::after,
#cmplz-document .cmplz-service-header > div::before,
#cmplz-document .cmplz-service-header > div::after {
  content: none !important;
  display: none !important;
}

/* Eigenen goldenen Pfeil neu setzen */
#cmplz-document .cmplz-dropdown summary::after {
  content: "" !important;
  position: absolute !important;

  right: 22px !important;
  top: 50% !important;

  width: 9px !important;
  height: 9px !important;

  border-right: 2px solid #C08552 !important;
  border-bottom: 2px solid #C08552 !important;

  transform: translateY(-65%) rotate(45deg) !important;
  transform-origin: center !important;

  transition: transform 0.25s ease !important;
  pointer-events: none !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Pfeil drehen, wenn Dropdown geöffnet ist */
#cmplz-document .cmplz-dropdown[open] summary::after {
  transform: translateY(-35%) rotate(-135deg) !important;
}/* End custom CSS */