.elementor-479 .elementor-element.elementor-element-450188d{--display:flex;--min-height:650px;--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;--overlay-opacity:0.85;}.elementor-479 .elementor-element.elementor-element-450188d:not(.elementor-motion-effects-element-type-background), .elementor-479 .elementor-element.elementor-element-450188d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e45b5fd );}.elementor-479 .elementor-element.elementor-element-450188d::before, .elementor-479 .elementor-element.elementor-element-450188d > .elementor-background-video-container::before, .elementor-479 .elementor-element.elementor-element-450188d > .e-con-inner > .elementor-background-video-container::before, .elementor-479 .elementor-element.elementor-element-450188d > .elementor-background-slideshow::before, .elementor-479 .elementor-element.elementor-element-450188d > .e-con-inner > .elementor-background-slideshow::before, .elementor-479 .elementor-element.elementor-element-450188d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(145deg, var( --e-global-color-e45b5fd ) 35%, var( --e-global-color-6a7eb33 ) 100%);}.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-479 .elementor-element.elementor-element-2968d89 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:50px;font-weight:400;line-height:62px;letter-spacing:1.05px;color:var( --e-global-color-b1b413e );}.elementor-479 .elementor-element.elementor-element-5d32a2f7{--display:flex;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}body.elementor-page-479:not(.elementor-motion-effects-element-type-background), body.elementor-page-479 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b1b413e );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-479 .elementor-element.elementor-element-450188d{--content-width:1300px;}}@media(max-width:1024px){.elementor-479 .elementor-element.elementor-element-2968d89{text-align:center;}}@media(max-width:767px){.elementor-479 .elementor-element.elementor-element-2968d89 .elementor-heading-title{font-size:32px;line-height:44px;}}/* Start custom CSS for shortcode, class: .elementor-element-713765d0 *//* Zentrale Stellschrauben */
#cmplz-document{
  --cz-font: "Roboto Slab", sans-serif;   /* Projektschrift – hier ändern, falls anders */
  --cz-text: #1F2A3D;                      /* Fließtext */
  --cz-text-soft: rgba(31,42,61,0.78);     /* Sekundärtext */
  --cz-heading: #1F2A3D;                   /* Überschriften */
  --cz-accent: #0D47A1;                    /* Navy: Titel & Links */
  --cz-accent-strong: #08306b;             /* dunkleres Navy: Link-Hover */
  --cz-gold: #D4AF37;                      /* Gold: dezenter Akzent */
  --cz-card: #F7F8FA;                      /* Box-Hintergrund */
  --cz-card-open: #FBFBFC;                 /* geöffnete Box */
  --cz-hover: rgba(212,175,55,0.10);       /* zarter Gold-Hover */
  --cz-border: rgba(31,42,61,0.10);        /* feine Linien */
  --cz-shadow: 0 6px 18px rgba(31,42,61,0.08);
}

/* Grundlayout */
#cmplz-document {
  font-family: var(--cz-font) !important;
  color: var(--cz-text) !important;
  max-width: 100% !important;
}

/* Alle Texte */
#cmplz-document,
#cmplz-document * {
  font-family: var(--cz-font) !important;
  color: var(--cz-text) !important;
  box-sizing: border-box;
}

/* Absätze und Listen */
#cmplz-document p,
#cmplz-document li,
#cmplz-document span,
#cmplz-document div {
  color: var(--cz-text) !important;
  line-height: 1.55 !important;
}

/* Überschriften */
#cmplz-document h1,
#cmplz-document h2,
#cmplz-document h3,
#cmplz-document h4,
#cmplz-document h5 {
  color: var(--cz-heading) !important;
  font-family: var(--cz-font) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
}

/* Hauptüberschriften */
#cmplz-document h2 {
  margin-top: 24px !important;
  margin-bottom: 14px !important;
  font-size: 24px !important;
}

/* Untertitel */
#cmplz-document .cmplz-subtitle {
  color: var(--cz-heading) !important;
  font-weight: 400 !important;
}

/* Links */
#cmplz-document a {
  color: var(--cz-accent) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 0.25s ease;
}

#cmplz-document a:hover,
#cmplz-document a:focus {
  color: var(--cz-accent-strong) !important;
}

/* =========================================
   Cookie Dropdown Liste
   ========================================= */

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

/* Einzelne Dropdown-Box */
#cmplz-document .cmplz-dropdown,
#cmplz-document .cmplz-category {
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--cz-border) !important;
  border-left: 3px solid var(--cz-gold) !important;   /* Gold-Akzentstreifen */
  outline: none !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: var(--cz-card) !important;
  box-shadow: var(--cz-shadow) !important;
}

/* Dropdown Header */
#cmplz-document .cmplz-dropdown summary,
#cmplz-document .cmplz-category summary {
  min-height: 48px !important;
  padding: 0 16px !important;
  margin: 0 !important;

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

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

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

  list-style: none !important;

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

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

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

/* Header Hover */
#cmplz-document .cmplz-dropdown summary:hover,
#cmplz-document .cmplz-category summary:hover {
  background: var(--cz-hover) !important;
  box-shadow: none !important;
}

/* Header Inhalt */
#cmplz-document .cmplz-service-header,
#cmplz-document .cmplz-category-header {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;

  display: grid !important;
  grid-template-columns: auto auto 1fr auto !important;
  align-items: center !important;
  column-gap: 20px !important;

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

/* Service Header inneres div */
#cmplz-document .cmplz-service-header > div {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: auto auto 1fr auto !important;
  align-items: center !important;
  column-gap: 20px !important;

  background: transparent !important;
  border: none !important;
}

/* Titel links */
#cmplz-document .cmplz-service-header h3,
#cmplz-document .cmplz-category-title {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--cz-accent) !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

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

  color: var(--cz-text-soft) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Pfeil rechts */
#cmplz-document .cmplz-icon {
  display: 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;
}

/* SVG Pfeile dunkel (auf hellem Grund sichtbar) */
#cmplz-document svg,
#cmplz-document svg *,
#cmplz-document svg path {
  fill: var(--cz-text) !important;
  stroke: var(--cz-text) !important;
  color: var(--cz-text) !important;
}

#cmplz-document .cmplz-icon svg {
  width: 15px !important;
  height: 15px !important;
  opacity: 0.9 !important;
}

/* Fallback, falls Complianz Pfeile per CSS erzeugt */
#cmplz-document .cmplz-icon::before,
#cmplz-document .cmplz-icon::after {
  color: var(--cz-text) !important;
  border-color: var(--cz-text) !important;
}

/* Geöffnete Dropdowns */
#cmplz-document details[open],
#cmplz-document .cmplz-dropdown[open],
#cmplz-document .cmplz-category[open] {
  background: var(--cz-card-open) !important;
  border-left: 3px solid var(--cz-gold) !important;
  outline: none !important;
  border-radius: 12px !important;
}

/* Geöffneter Inhalt: Hintergrund entfernen */
#cmplz-document .cmplz-service-description,
#cmplz-document .cmplz-sharing-data,
#cmplz-document .cmplz-description {
  padding: 22px 34px !important;
  margin: 0 !important;

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

/* Verwendung + Weitergabe wieder 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;
}

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

/* Rechte Spalte */
#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(--cz-heading) !important;
  font-size: 15px !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: var(--cz-text) !important;
  font-size: 14px !important;
}

/* =========================================
   Cookie Tabellen
   ========================================= */

#cmplz-document .cookies-per-purpose {
  margin: 0 !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;

  border: none !important;
  border-radius: 0 0 12px 12px !important;
  overflow: hidden !important;

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

/* Tabellen-Zellen allgemein */
#cmplz-document .cookies-per-purpose > div {
  min-height: 46px !important;
  padding: 12px 16px !important;

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

  background: transparent !important;
  border: none !important;
  border-top: 1px solid var(--cz-border) !important;
  border-right: 1px solid var(--cz-border) !important;

  color: var(--cz-text) !important;
}

/* Tabellen-Header */
#cmplz-document .cookies-per-purpose .purpose,
#cmplz-document .cookies-per-purpose .name-header,
#cmplz-document .cookies-per-purpose .retention-header,
#cmplz-document .cookies-per-purpose .function-header {
  background: rgba(13,71,161,0.05) !important;
  color: var(--cz-heading) !important;
}

/* Tabellenwerte */
#cmplz-document .cookies-per-purpose .name,
#cmplz-document .cookies-per-purpose .retention,
#cmplz-document .cookies-per-purpose .function {
  background: transparent !important;
  color: var(--cz-text) !important;
}

/* Tabellen-Headlines */
#cmplz-document .cookies-per-purpose h4,
#cmplz-document .cookies-per-purpose h5 {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--cz-heading) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* Links in Tabellen */
#cmplz-document .cookies-per-purpose a {
  color: var(--cz-accent) !important;
}

/* =========================================
   Einwilligungs-Kategorien
   ========================================= */

#cmplz-document .cmplz-banner-checkbox {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

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

/* Checkbox Inputs */
#cmplz-document .cmplz-banner-checkbox input[type="checkbox"],
#cmplz-document input[type="checkbox"].cmplz-consent-checkbox {
  width: 13px !important;
  height: 13px !important;
  margin: 0 !important;
  padding: 0 !important;

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

/* Checkbox Label */
#cmplz-document .cmplz-banner-checkbox label,
#cmplz-document .cmplz-label {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--cz-text) !important;
}

/* Beschreibung unter Kategorien */
#cmplz-document .cmplz-description {
  color: var(--cz-text-soft) !important;
  font-size: 14px !important;
}

/* =========================================
   Feinschliff gegen doppelte Borders
   ========================================= */

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

/* Standard-Tabellenflächen neutralisieren */
#cmplz-document table,
#cmplz-document tbody,
#cmplz-document tr,
#cmplz-document td,
#cmplz-document th {
  background: transparent !important;
  color: var(--cz-text) !important;
  border-color: var(--cz-border) !important;
}

/* Extra Abstand sauber */
#cmplz-document .cmplz-dropdown + .cmplz-dropdown,
#cmplz-document .cmplz-category + .cmplz-category {
  margin-top: 0 !important;
}

/* =========================================
   FIX: Complianz Kategorien sauber ausrichten
   ========================================= */

#cmplz-document .cmplz-categories .cmplz-category-header {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  margin: 0 !important;

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

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

/* Titel links */
#cmplz-document .cmplz-categories .cmplz-category-title {
  grid-column: 1 !important;
  margin: 0 !important;
  padding: 0 !important;

  color: var(--cz-accent) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* "Immer aktiv" bei Funktional */
#cmplz-document .cmplz-categories .cmplz-always-active {
  grid-column: 2 !important;

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

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

  color: var(--cz-text-soft) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Checkbox bei Statistik / Marketing / Präferenzen */
#cmplz-document .cmplz-categories .cmplz-category-header > .cmplz-banner-checkbox {
  grid-column: 2 !important;

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

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

/* Pfeil sauber ganz rechts */
#cmplz-document .cmplz-categories .cmplz-category-toggle {
  grid-column: 4 !important;
  justify-self: end !important;
  align-self: center !important;

  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;

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

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

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

  cursor: pointer !important;
}

/* Elementor/Button-Styles auf dem Pfeil neutralisieren */
#cmplz-document .cmplz-categories .cmplz-category-toggle:hover,
#cmplz-document .cmplz-categories .cmplz-category-toggle:focus,
#cmplz-document .cmplz-categories .cmplz-category-toggle:active {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Pfeil-Icon selbst */
#cmplz-document .cmplz-categories .cmplz-category-toggle .cmplz-icon {
  width: 18px !important;
  height: 18px !important;

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

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

#cmplz-document .cmplz-categories .cmplz-category-toggle svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
}

/* Hover wie beim oberen Dropdown */
#cmplz-document .cmplz-categories .cmplz-category-header:hover {
  background: var(--cz-hover) !important;
}

/* =========================================
   Mobile Optimierung
   ========================================= */

@media (max-width: 767px) {
  #cmplz-document .cmplz-service-header,
  #cmplz-document .cmplz-category-header,
  #cmplz-document .cmplz-service-header > div {
    grid-template-columns: 1fr auto !important;
    row-gap: 6px !important;
    column-gap: 10px !important;
  }

  #cmplz-document .cmplz-service-header h3,
  #cmplz-document .cmplz-category-title {
    font-size: 16px !important;
  }

  #cmplz-document .cmplz-service-header p,
  #cmplz-document .cmplz-always-active {
    font-size: 13px !important;
  }

  /* Auf Mobil untereinander statt nebeneinander */
  #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 {
    grid-template-columns: 1fr !important;
  }

  #cmplz-document .cookies-per-purpose > div {
    border-right: none !important;
  }
}/* End custom CSS */