.elementor-5835 .elementor-element.elementor-element-33354abe{--display:flex;}/* Start custom CSS for container, class: .elementor-element-33354abe *//* ================================
   Cookie-Richtlinie (EU) – Seite ID 5835
   ================================ */
body.page-id-5835 .cmplz-document {
    color: #ffffff; /* Grundtext weiß */
    font-family: var(--e-global-typography-text-font-family, inherit);
    line-height: 1.6;
}

/* Überschriften */
body.page-id-5835 .cmplz-document h1,
body.page-id-5835 .cmplz-document h2,
body.page-id-5835 .cmplz-document h3,
body.page-id-5835 .cmplz-document h4 {
    color: #ffffff;
    font-weight: 600;
    margin-top: 1.8rem;
    margin-bottom: 0.8rem;
}

/* Absätze & Listen */
body.page-id-5835 .cmplz-document p,
body.page-id-5835 .cmplz-document li {
    color: #ffffff;
    margin-bottom: 0.8rem;
}

/* Links im Text */
body.page-id-5835 .cmplz-document a {
    color: #e5adc6;               /* dein Rosa */
    text-decoration: underline;
}

body.page-id-5835 .cmplz-document a:hover {
    color: #ffffff;
}

/* Seitentitel / Headline ganz oben (WP + Elementor) */
body.page-id-5835 .entry-title,
body.page-id-5835 .elementor-heading-title {
    color: #ffffff;
    font-weight: 700;       /* extra bold für die Hauptheadline */

}

/* ================================
   Cookie-Richtlinie – Cookie-Liste stylen (Seite ID 5835)
   ================================ */

/* Wrapper der Cookie-Liste */
body.page-id-5835 #cmplz-cookies-overview {
    margin-top: 2rem;
}

/* Service-Header (Stripe, WooCommerce, etc.) */
body.page-id-5835 #cmplz-cookies-overview .cmplz-service-header {
    background-color: #321823 !important; /* Bordeaux */
    color: #ffffff !important;
    padding: 0.8rem 1rem;
}

/* Beschreibung / Blöcke darunter */
body.page-id-5835 #cmplz-cookies-overview .cmplz-service-description {
    background-color: #321823 !important;
    color: #ffffff !important;
    padding: 0.8rem 1rem;
}

/* Container für die Cookie-"Tabellen" */
body.page-id-5835 #cmplz-cookies-overview .cookies-per-purpose {
    background-color: transparent !important;
    border: none !important;
    padding-top: 1.2rem;
}

/* Karte pro Kategorie (z.B. "Statistik (anonym)", "Funktional") */
body.page-id-5835 #cmplz-cookies-overview .purpose {
    background-color: rgba(50, 24, 35, 0.9) !important;  /* dunkles, leicht transparentes Bordeaux */
    color: #ffffff !important;
    border: 1px solid rgba(229, 173, 198, 0.5) !important;  /* dezenter rosa Rahmen */
    border-radius: 10px;
    padding: 0;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

/* Kopfzeile innerhalb der Karte (Name / Ablaufdatum / Funktion) */
body.page-id-5835 #cmplz-cookies-overview .name-header,
body.page-id-5835 #cmplz-cookies-overview .retention-header,
body.page-id-5835 #cmplz-cookies-overview .function-header {
    background-color: rgba(229, 173, 198, 0.16) !important; /* sanftes Rosa */
    color: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid rgba(229, 173, 198, 0.35) !important;
    padding: 0.6rem 0.9rem;
    font-weight: 600;
}

/* Zeilen darunter (eigentliche Cookie-Einträge) */
body.page-id-5835 #cmplz-cookies-overview .name,
body.page-id-5835 #cmplz-cookies-overview .retention,
body.page-id-5835 #cmplz-cookies-overview .function {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid rgba(229, 173, 198, 0.18) !important; /* sehr feine Trennlinie */
    padding: 0.6rem 0.9rem;
}

/* letzte Zeile ohne zusätzliche Linie unten (optional, falls es greift) */
body.page-id-5835 #cmplz-cookies-overview .purpose:last-of-type .name,
body.page-id-5835 #cmplz-cookies-overview .purpose:last-of-type .retention,
body.page-id-5835 #cmplz-cookies-overview .purpose:last-of-type .function {
    border-bottom: none !important;
}

/* Überschriften innerhalb des Grids etwas fetter */
body.page-id-5835 #cmplz-cookies-overview .purpose h4,
body.page-id-5835 #cmplz-cookies-overview .name-header h5,
body.page-id-5835 #cmplz-cookies-overview .retention-header h5,
body.page-id-5835 #cmplz-cookies-overview .function-header h5 {
    color: #ffffff !important;
    font-weight: 600;
}

/* Links in der Cookie-Liste */
body.page-id-5835 #cmplz-cookies-overview a {
    color: #e5adc6 !important;   /* Rosa */
    text-decoration: underline;
}

body.page-id-5835 #cmplz-cookies-overview a:hover {
    color: #ffffff !important;
}


/* Kategorie-Balken (z.B. "Statistik (anonym)") komplett rosa */

/* Äußerer Balken rosa + Text bordeaux */
body.page-id-5835 #cmplz-cookies-overview .purpose {
    background-color: #e5adc6 !important;  /* Rosa */
    color: #321823 !important;             /* dunkles Bordeaux für Text */
    border-radius: 999px;                  /* Pillenform */
    padding: 0.25rem 0.8rem;
    display: inline-block;
    margin-bottom: 0.7rem;
}

/* Inneres h4 zurück auf transparent, damit nur der Balken färbt */
body.page-id-5835 #cmplz-cookies-overview .purpose h4 {
    background: transparent !important;
    color: inherit !important;
    padding: 0;
    margin: 0;
}

/* "Verwendung" Box wie "Weitergabe von Daten" einfärben */
body.page-id-5835 #cmplz-cookies-overview .cmplz-service-description,
body.page-id-5835 #cmplz-cookies-overview .cmplz-service-description > div {
    background-color: transparent !important;  /* kein dunkler Block mehr links */
    border: none !important;
}


/* Dünnen rosa Streifen unter den Service-Zeilen entfernen */
body.page-id-5835 #cmplz-cookies-overview .cmplz-service-header {
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

/* Falls der Wrapper selbst noch eine Linie hat */
body.page-id-5835 #cmplz-cookies-overview .cmplz-service {
    border-bottom: none !important;
}


/* Kopfzeile der Cookie-Tabelle (Name / Ablaufdatum / Funktion)
   soll aussehen wie die übrigen Spalten */
body.page-id-5835 #cmplz-cookies-overview .name-header,
body.page-id-5835 #cmplz-cookies-overview .retention-header,
body.page-id-5835 #cmplz-cookies-overview .function-header {
    background-color: transparent !important;   /* gleiche Fläche wie rechts */
    color: #ffffff !important;                  /* weiße Schrift bleibt */
    border: none !important;
    border-bottom: 1px solid rgba(229, 173, 198, 0.4) !important; /* nur feine Trennlinie */
}/* End custom CSS */