/* =========================================================
 * DRISSNER.MEDIA — FINAL CONSOLIDATED CSS
 * Light mode base + dark mode overrides
 * ========================================================= */

/* =========================================================
 * 1. ORIGINAL ADDITIONAL CSS
 * ========================================================= */

/* Complianz */
/* From Stacked to Inline */
@media (max-width: 768px) {
    .cmplz-cookiebanner .cmplz-buttons {
        flex-direction: row;
    }
}

/***
 * Shrinking Sticky header, no container edition
 * class: .sticky-header
 * Uses the built-in .elementor-container class for shrinking the header in non-container installs
 */
header.sticky-header {
    --header-height: 90px;
    --opacity: 0.1;
    --shrink-header-to: 0.6;
    --transition-timing: .45s cubic-bezier(.4, 0, .2, 1);
    background-color: rgba(255, 241, 229, 1);
    transition: background-color var(--transition-timing),
    backdrop-filter var(--transition-timing),
    box-shadow var(--transition-timing);
}

header.sticky-header.elementor-sticky--effects {
    background-color: rgba(255, 241, 229, 0.1);
    box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

header.sticky-header > .elementor-container {
    min-height: var(--header-height);
    transition: min-height var(--transition-timing);
}

header.sticky-header.elementor-sticky--effects > .elementor-container {
    min-height: calc(var(--header-height) * var(--shrink-header-to));
}

/***
 * class: .logo
 * Add the class "logo" to your logo to scale your logo to 80% on scroll
 */
header.sticky-header .logo img,
header.sticky-header .logo.elementor-widget-theme-site-logo img,
header.sticky-header .logo .elementor-icon svg {
    --logo-height: 32px;
    --logo-shrink-to: 0.80;
    height: var(--logo-height);
    transition: height var(--transition-timing);
}

header.sticky-header.elementor-sticky--effects .logo img,
header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img,
header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg {
    height: calc(var(--logo-height) * var(--logo-shrink-to));
}

header.sticky-header .logo .elementor-icon svg {
    width: auto;
}

/* TOR */
.tor-detected {
    color: #2E8B57;
    font-weight: bold;
}

.tor-not-detected {
    color: #C34A4A;
    font-weight: bold;
}

.tor-button {
    margin-top: 15px;
    background-color: #2F6F48 !important;
    color: white !important;
    border: none;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: none;
    font-size: 1.2em;
    cursor: pointer;
}

.tor-button:hover {
    background-color: #FED178 !important;
    color: black !important;
}

.tor-button a {
    color: white !important;
    text-decoration: none !important;
}

.tor-button:hover a {
    color: black !important;
}

li {
    margin-bottom: 10px;
}

/* ============================================================
 * GOOGLE PLACES & INPUT FIELDS (Frontend Only)
 * ============================================================ */

.gform_wrapper gmp-place-autocomplete,
.gform_wrapper gmp-place-autocomplete::part(input) {
    background-color: #F2DFCD !important;
    color: #1a1a1a !important;
    border: 1px solid #ccc !important;
    color-scheme: light !important;
}

.gform_wrapper gmp-place-autocomplete::part(prediction) {
    background-color: #F2DFCD !important;
    color: #1a1a1a !important;
}

.gform_wrapper gmp-place-autocomplete::part(icon) {
    fill: #1a1a1a !important;
}

.gform_wrapper input[type="url"],
.gform_wrapper input[type="text"],
.gform_wrapper input[type="tel"] {
    background-color: #F2DFCD !important;
    color: #1a1a1a !important;
}

body:not(.wp-admin) .full-window-autocomplete-dialog {
    background-color: #F2DFCD !important;
    color: #1a1a1a !important;
}

/* ============================================================
 * GRAVITY FORMS SUCCESS MESSAGE
 * ============================================================ */

.gform_confirmation_wrapper.gravity-theme {
    margin: 40px auto;
    padding: 40px;
    background-color: #f4faf5;
    border: 2px solid #d4edda;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03);
    max-width: 600px;
}

.gform_confirmation_message {
    color: #2d5a39;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.6;
}

/* =========================================================
 * 2. DARK MODE — BASE
 * activate via:
 * document.documentElement.setAttribute('data-theme', 'dark')
 * ========================================================= */

html[data-theme="dark"] body {
    background-color: #181818 !important;
    color: #f3ede8 !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] blockquote {
    color: #f3ede8 !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: #e2d8d0 !important;
}

html[data-theme="dark"] a {
    color: #e0b65d !important;
}

/* =========================================================
 * 3. HEADER
 * ========================================================= */

html[data-theme="dark"] header.sticky-header,
html[data-theme="dark"] .elementor-location-header,
html[data-theme="dark"] .elementor-10408,
html[data-theme="dark"] .elementor-23260 {
    background-color: #181818 !important;
}

html[data-theme="dark"] header.sticky-header {
    background-color: rgba(24, 24, 24, 0.96) !important;
}

html[data-theme="dark"] header.sticky-header.elementor-sticky--effects {
    background-color: rgba(24, 24, 24, 0.72) !important;
    box-shadow: 0 4px 33px 1px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"] .elementor-10408 .elementor-nav-menu .elementor-item,
html[data-theme="dark"] .elementor-23260 .elementor-nav-menu .elementor-item {
    color: #f3ede8 !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .elementor-10408 .elementor-nav-menu .elementor-item:hover,
html[data-theme="dark"] .elementor-10408 .elementor-nav-menu .elementor-item:focus,
html[data-theme="dark"] .elementor-10408 .elementor-nav-menu .elementor-item.elementor-item-active,
html[data-theme="dark"] .elementor-23260 .elementor-nav-menu .elementor-item:hover,
html[data-theme="dark"] .elementor-23260 .elementor-nav-menu .elementor-item:focus,
html[data-theme="dark"] .elementor-23260 .elementor-nav-menu .elementor-item.elementor-item-active {
    color: #e0b65d !important;
}

html[data-theme="dark"] .elementor-10408 .elementor-menu-toggle,
html[data-theme="dark"] .elementor-23260 .elementor-menu-toggle,
html[data-theme="dark"] .elementor-10408 .elementor-menu-toggle i,
html[data-theme="dark"] .elementor-23260 .elementor-menu-toggle i,
html[data-theme="dark"] .elementor-10408 .elementor-menu-toggle svg,
html[data-theme="dark"] .elementor-23260 .elementor-menu-toggle svg {
    color: #f3ede8 !important;
    fill: #f3ede8 !important;
    border-color: #6A6A6A !important;
}

html[data-theme="dark"] .elementor-10408 .sub-arrow,
html[data-theme="dark"] .elementor-23260 .sub-arrow,
html[data-theme="dark"] .elementor-10408 .sub-arrow svg,
html[data-theme="dark"] .elementor-23260 .sub-arrow svg,
html[data-theme="dark"] .elementor-10408 .sub-arrow svg path,
html[data-theme="dark"] .elementor-23260 .sub-arrow svg path {
    color: #f3ede8 !important;
    fill: #f3ede8 !important;
    stroke: none !important;
}

html[data-theme="dark"] .elementor-10408 .elementor-nav-menu--dropdown,
html[data-theme="dark"] .elementor-23260 .elementor-nav-menu--dropdown {
    background-color: #2B2B2B !important;
    border: 1px solid #575757 !important;
}

html[data-theme="dark"] .elementor-10408 .elementor-nav-menu--dropdown a,
html[data-theme="dark"] .elementor-23260 .elementor-nav-menu--dropdown {
    color: #f3ede8 !important;
}

html[data-theme="dark"] .elementor-10408 .elementor-nav-menu--dropdown a:hover,
html[data-theme="dark"] .elementor-10408 .elementor-nav-menu--dropdown a:focus,
html[data-theme="dark"] .elementor-23260 .elementor-nav-menu--dropdown a:hover,
html[data-theme="dark"] .elementor-23260 .elementor-nav-menu--dropdown a:focus {
    background-color: #6A6A6A !important;
    color: #ffffff !important;
}

/* =========================================================
 * 4. STARTSEITE HERO
 * ========================================================= */

html[data-theme="dark"] .elementor-22464 .elementor-element.elementor-element-201d894 {
    position: relative;
    background-color: #181818 !important;
}

html[data-theme="dark"] .elementor-22464 .elementor-element.elementor-element-1930c22 {
    position: relative;
    isolation: isolate;
}

html[data-theme="dark"] .elementor-22464 .elementor-element.elementor-element-1930c22::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

html[data-theme="dark"] .elementor-22464 .elementor-element.elementor-element-9d97b61,
html[data-theme="dark"] .elementor-22464 .elementor-element.elementor-element-adc320f,
html[data-theme="dark"] .elementor-22464 .elementor-element.elementor-element-0381ad9 {
    position: relative;
    z-index: 3;
}

html[data-theme="dark"] .elementor-22464 .elementor-element.elementor-element-adc320f,
html[data-theme="dark"] .elementor-22464 .elementor-element.elementor-element-adc320f p,
html[data-theme="dark"] .elementor-22464 .elementor-element.elementor-element-adc320f em,
html[data-theme="dark"] .elementor-22464 .elementor-element.elementor-element-0381ad9,
html[data-theme="dark"] .elementor-22464 .elementor-element.elementor-element-0381ad9 p,
html[data-theme="dark"] .elementor-22464 .elementor-element.elementor-element-0381ad9 strong {
    color: #f3ede8 !important;
}

/* STARTSEITE HERO: EAEL Fancy Text "Ich schreibe." — Desktop, Tablet, Mobile */
html[data-theme="dark"] .elementor-22464 .elementor-widget-eael-fancy-text,
html[data-theme="dark"] .elementor-22464 .elementor-widget-eael-fancy-text .eael-fancy-text-container,
html[data-theme="dark"] .elementor-22464 .elementor-widget-eael-fancy-text .eael-fancy-text-prefix {
    color: #f3ede8 !important;
}

html[data-theme="dark"] .elementor-22464 .elementor-widget-eael-fancy-text .eael-fancy-text-strings,
html[data-theme="dark"] .elementor-22464 .elementor-widget-eael-fancy-text .eael-fancy-text-strings span,
html[data-theme="dark"] .elementor-22464 .elementor-widget-eael-fancy-text [id^="eael-fancy-text-"] {
    color: #FFA41C !important;
}

html[data-theme="dark"] .elementor-22464 .elementor-widget-eael-fancy-text .typed-cursor,
html[data-theme="dark"] .elementor-22464 .elementor-widget-eael-fancy-text .eael-fancy-text-cursor {
    color: #FFA41C !important;
}

/* =========================================================
 * 5. FOOTER — FINAL VARIANT
 * ========================================================= */

html[data-theme="dark"] .elementor-location-footer,
html[data-theme="dark"] .elementor-location-footer > div,
html[data-theme="dark"] .elementor-location-footer .elementor-section,
html[data-theme="dark"] .elementor-location-footer .elementor-container,
html[data-theme="dark"] .elementor-location-footer .e-con,
html[data-theme="dark"] .elementor-location-footer .e-con-inner,
html[data-theme="dark"] .elementor-9178,
html[data-theme="dark"] .elementor-23258 {
    background-image: none !important;
}

html[data-theme="dark"] .elementor-location-footer::before,
html[data-theme="dark"] .elementor-location-footer::after,
html[data-theme="dark"] .elementor-9178::before,
html[data-theme="dark"] .elementor-9178::after,
html[data-theme="dark"] .elementor-23258::before,
html[data-theme="dark"] .elementor-23258::after {
    content: none !important;
    background: none !important;
}

html[data-theme="dark"] .elementor-9178 .eael-advanced-menu li > a,
html[data-theme="dark"] .elementor-23258 .eael-advanced-menu li > a,
html[data-theme="dark"] .elementor-9178 .eael-advanced-menu-toggle-text,
html[data-theme="dark"] .elementor-23258 .eael-advanced-menu-toggle-text {
    color: #f3ede8 !important;
    background: transparent !important;
}

html[data-theme="dark"] .elementor-9178 .eael-advanced-menu li:hover > a,
html[data-theme="dark"] .elementor-23258 .eael-advanced-menu li:hover > a,
html[data-theme="dark"] .elementor-9178 .eael-advanced-menu li > a:focus,
html[data-theme="dark"] .elementor-23258 .eael-advanced-menu li > a:focus {
    color: #111111 !important;
    background-color: #d7a84a !important;
}

html[data-theme="dark"] .elementor-9178 .eael-advanced-menu li.current-menu-item > a,
html[data-theme="dark"] .elementor-9178 .eael-advanced-menu li.current_page_item > a,
html[data-theme="dark"] .elementor-9178 .eael-advanced-menu li.current-menu-item > a.eael-item-active,
html[data-theme="dark"] .elementor-23258 .eael-advanced-menu li.current-menu-item > a,
html[data-theme="dark"] .elementor-23258 .eael-advanced-menu li.current_page_item > a,
html[data-theme="dark"] .elementor-23258 .eael-advanced-menu li.current-menu-item > a.eael-item-active {
    background-color: #d7a84a !important;
    color: #111111 !important;
}

html[data-theme="dark"] .wpml-ls-statics-footer,
html[data-theme="dark"] .wpml-ls-statics-footer ul,
html[data-theme="dark"] .wpml-ls-statics-footer li {
    background: transparent !important;
}

html[data-theme="dark"] .wpml-ls-statics-footer a,
html[data-theme="dark"] .wpml-ls-statics-footer .wpml-ls-link,
html[data-theme="dark"] .wpml-ls-statics-footer .wpml-ls-native,
html[data-theme="dark"] .wpml-ls-statics-footer .wpml-ls-item a {
    color: #f3ede8 !important;
    background: transparent !important;
    border: none !important;
    text-decoration: none !important;
}

html[data-theme="dark"] .wpml-ls-statics-footer a:hover,
html[data-theme="dark"] .wpml-ls-statics-footer .wpml-ls-link:hover,
html[data-theme="dark"] .wpml-ls-statics-footer .wpml-ls-current-language > a {
    color: #111111 !important;
    background-color: #d7a84a !important;
}

html[data-theme="dark"] .elementor-location-footer .elementor-widget-text-editor:last-child,
html[data-theme="dark"] .elementor-location-footer .elementor-widget-text-editor:last-child .elementor-widget-container {
    color: #f3ede8 !important;
}

/* =========================================================
 * 6. FORM FIELDS / GOOGLE PLACES
 * ========================================================= */

html[data-theme="dark"] input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background-color: #232323 !important;
    color: #F3EDE8 !important;
    border: 1px solid #575757 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: #B8ACA3 !important;
}

html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus {
    border-color: #C55A67 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(197, 90, 103, 0.18) !important;
}

html[data-theme="dark"] .gform_wrapper gmp-place-autocomplete,
html[data-theme="dark"] .gform_wrapper gmp-place-autocomplete::part(input) {
    background-color: #232323 !important;
    color: #F3EDE8 !important;
    border: 1px solid #575757 !important;
    color-scheme: dark !important;
}

html[data-theme="dark"] .gform_wrapper gmp-place-autocomplete::part(prediction) {
    background-color: #232323 !important;
    color: #F3EDE8 !important;
}

html[data-theme="dark"] .gform_wrapper gmp-place-autocomplete::part(icon) {
    fill: #F3EDE8 !important;
}

html[data-theme="dark"] body:not(.wp-admin) .full-window-autocomplete-dialog {
    background-color: #232323 !important;
    color: #F3EDE8 !important;
}

/* =========================================================
 * 7. KONTAKT / GRAVITY FORMS
 * ========================================================= */

html[data-theme="dark"] .gform_wrapper,
html[data-theme="dark"] .gform_wrapper p,
html[data-theme="dark"] .gform_wrapper li,
html[data-theme="dark"] .gform_wrapper label,
html[data-theme="dark"] .gform_wrapper legend,
html[data-theme="dark"] .gform_wrapper .gfield_label,
html[data-theme="dark"] .gform_wrapper .gchoice label,
html[data-theme="dark"] .gform_wrapper .gf-step-label,
html[data-theme="dark"] .gform_wrapper .gf_progressbar_title,
html[data-theme="dark"] .gform_wrapper .gf_progressbar_percentage,
html[data-theme="dark"] .gform_wrapper .gfield_description,
html[data-theme="dark"] .gform_wrapper .gform_description {
    color: #F3EDE8 !important;
}

html[data-theme="dark"] .gform_wrapper input[type="url"],
html[data-theme="dark"] .gform_wrapper input[type="text"],
html[data-theme="dark"] .gform_wrapper input[type="tel"],
html[data-theme="dark"] .gform_wrapper input[type="email"],
html[data-theme="dark"] .gform_wrapper input[type="number"],
html[data-theme="dark"] .gform_wrapper textarea,
html[data-theme="dark"] .gform_wrapper select {
    background-color: #232323 !important;
    color: #F3EDE8 !important;
    border: 1px solid #575757 !important;
}

html[data-theme="dark"] .gform_wrapper .gf_progressbar {
    background-color: #342923 !important;
}

html[data-theme="dark"] .gform_wrapper .gf_progressbar_percentage {
    background-color: #C55A67 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .gform_wrapper .gchoice input[type="checkbox"],
html[data-theme="dark"] .gform_wrapper .gchoice input[type="radio"] {
    accent-color: #D7A84A;
    transform: scale(1.08);
}

html[data-theme="dark"] .gform_wrapper .gchoice {
    margin-bottom: 0.45rem;
}

html[data-theme="dark"] .gform_wrapper .gchoice label {
    color: #f3ede8 !important;
}

html[data-theme="dark"] .gform_wrapper .gfield_required,
html[data-theme="dark"] .gform_wrapper .gfield_required_text,
html[data-theme="dark"] .gform_wrapper .gform-field-label--type-sub,
html[data-theme="dark"] .gform_wrapper .gfield_label .gfield_required {
    color: #c55a67 !important;
}

html[data-theme="dark"] .gform_wrapper .gform_button,
html[data-theme="dark"] .gform_wrapper input[type="submit"],
html[data-theme="dark"] .gform_wrapper input[type="button"] {
    background-color: #D7A84A !important;
    color: #111111 !important;
    border: none !important;
}

html[data-theme="dark"] .gform_wrapper .gform_button:hover,
html[data-theme="dark"] .gform_wrapper .gform_button:focus,
html[data-theme="dark"] .gform_wrapper input[type="submit"]:hover,
html[data-theme="dark"] .gform_wrapper input[type="submit"]:focus,
html[data-theme="dark"] .gform_wrapper input[type="button"]:hover,
html[data-theme="dark"] .gform_wrapper input[type="button"]:focus {
    background-color: #C55A67 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .gform_confirmation_wrapper.gravity-theme {
    background-color: #1E2A21 !important;
    border: 2px solid #355743 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .gform_confirmation_message {
    color: #CFE7D4 !important;
}

/* Gravity validation box */
html[data-theme="dark"] .gform_validation_errors {
    background-color: #2A2A2A !important;
    border: 1px solid #C55A67 !important;
    border-left: 4px solid #C55A67 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
    padding: 16px 18px !important;
    margin-bottom: 22px !important;
}

html[data-theme="dark"] .gform_validation_errors h2,
html[data-theme="dark"] .gform_validation_errors .gform_submission_error {
    color: #F3EDE8 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .gform_validation_errors .gform-icon,
html[data-theme="dark"] .gform_validation_errors .gform-icon--circle-error {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.15rem !important;
    height: 1.15rem !important;
    min-width: 1.15rem !important;
    border-radius: 999px !important;
    background: #C55A67 !important;
    color: #ffffff !important;
    fill: none !important;
    font-size: 0 !important;
    line-height: 1 !important;
    margin-right: 0.6rem !important;
    vertical-align: middle !important;
}

html[data-theme="dark"] .gform_validation_errors .gform-icon svg,
html[data-theme="dark"] .gform_validation_errors .gform-icon--circle-error svg,
html[data-theme="dark"] .gform_validation_errors .gform-icon path,
html[data-theme="dark"] .gform_validation_errors .gform-icon--circle-error path {
    display: none !important;
}

html[data-theme="dark"] .gform_validation_errors .gform-icon::before,
html[data-theme="dark"] .gform_validation_errors .gform-icon--circle-error::before {
    content: "!" !important;
    display: block !important;
    color: #ffffff !important;
    font-size: 0.82rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    transform: translateY(-0.02em);
}

html[data-theme="dark"] .gfield_validation_message,
html[data-theme="dark"] .validation_message,
html[data-theme="dark"] .gform-theme--framework .gfield_description.validation_message {
    background-color: transparent !important;
    color: #F0A7AF !important;
    border: none !important;
    padding: 6px 0 0 0 !important;
    font-size: 0.95rem !important;
}

html[data-theme="dark"] .gfield_error input,
html[data-theme="dark"] .gfield_error textarea,
html[data-theme="dark"] .gfield_error select {
    border-color: #C55A67 !important;
    box-shadow: 0 0 0 2px rgba(197, 90, 103, 0.14) !important;
}

/* Kontakt: #kontakt-box bleibt im Dark bewusst eigener Box-Look */
html[data-theme="dark"] #kontakt-box {
    background: transparent !important;
}

html[data-theme="dark"] #kontakt-box > .elementor-widget-heading,
html[data-theme="dark"] #kontakt-box > .elementor-widget-text-editor {
    background-color: #2A2A2A !important;
    border: 1px solid #575757 !important;
    padding: 18px 22px !important;
    margin-bottom: 18px !important;
    box-sizing: border-box;
}

html[data-theme="dark"] #kontakt-box > .elementor-widget-heading .elementor-heading-title,
html[data-theme="dark"] #kontakt-box > .elementor-widget-text-editor,
html[data-theme="dark"] #kontakt-box > .elementor-widget-text-editor p,
html[data-theme="dark"] #kontakt-box > .elementor-widget-text-editor li,
html[data-theme="dark"] #kontakt-box > .elementor-widget-text-editor span,
html[data-theme="dark"] #kontakt-box > .elementor-widget-text-editor strong,
html[data-theme="dark"] #kontakt-box > .elementor-widget-text-editor b {
    color: #f3ede8 !important;
}

html[data-theme="dark"] #kontakt-box > .elementor-widget-text-editor a {
    color: #e0b65d !important;
}

html[data-theme="dark"] #kontakt-box > .elementor-widget-text-editor a:hover,
html[data-theme="dark"] #kontakt-box > .elementor-widget-text-editor a:focus {
    color: #ffffff !important;
}

/* story.support und social icons ohne Box */
html[data-theme="dark"] #kontakt-box > .elementor-element-d6b8584,
html[data-theme="dark"] #kontakt-box > .elementor-widget-social-icons {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

/* =========================================================
 * 8. WHISTLEBLOWER / TOR
 * ========================================================= */

html[data-theme="dark"] .tor-detected {
    color: #88D9A0 !important;
}

html[data-theme="dark"] .tor-not-detected {
    color: #FF9E9E !important;
}

html[data-theme="dark"] .tor-button {
    background-color: #46765B !important;
    color: #FFFFFF !important;
}

html[data-theme="dark"] .tor-button:hover,
html[data-theme="dark"] .tor-button:focus {
    background-color: #D7A84A !important;
    color: #111111 !important;
}

html[data-theme="dark"] .tor-button a {
    color: inherit !important;
}

/* =========================================================
 * 9. WER ICH BIN — Interview-Kasten
 * ========================================================= */

html[data-theme="dark"] .elementor-6127 .elementor-element.elementor-element-8726042:not(.elementor-motion-effects-element-type-background),
html[data-theme="dark"] .elementor-6127 .elementor-element.elementor-element-8726042 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
html[data-theme="dark"] .elementor-9148 .elementor-element.elementor-element-8726042:not(.elementor-motion-effects-element-type-background),
html[data-theme="dark"] .elementor-9148 .elementor-element.elementor-element-8726042 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
html[data-theme="dark"] .elementor-23253 .elementor-element.elementor-element-8726042:not(.elementor-motion-effects-element-type-background),
html[data-theme="dark"] .elementor-23253 .elementor-element.elementor-element-8726042 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #2A2A2A !important;
    border: 1px solid #575757 !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.20) !important;
}

html[data-theme="dark"] .elementor-6127 .elementor-element.elementor-element-c10b8e2,
html[data-theme="dark"] .elementor-6127 .elementor-element.elementor-element-c10b8e2 p,
html[data-theme="dark"] .elementor-9148 .elementor-element.elementor-element-c10b8e2,
html[data-theme="dark"] .elementor-9148 .elementor-element.elementor-element-c10b8e2 p,
html[data-theme="dark"] .elementor-23253 .elementor-element.elementor-element-c10b8e2,
html[data-theme="dark"] .elementor-23253 .elementor-element.elementor-element-c10b8e2 p {
    color: #f3ede8 !important;
}

html[data-theme="dark"] .elementor-6127 .elementor-element.elementor-element-c10b8e2 a,
html[data-theme="dark"] .elementor-9148 .elementor-element.elementor-element-c10b8e2 a,
html[data-theme="dark"] .elementor-23253 .elementor-element.elementor-element-c10b8e2 a {
    color: #e0b65d !important;
}

html[data-theme="dark"] .elementor-6127 .elementor-element.elementor-element-c10b8e2 a:hover,
html[data-theme="dark"] .elementor-9148 .elementor-element.elementor-element-c10b8e2 a:hover,
html[data-theme="dark"] .elementor-23253 .elementor-element.elementor-element-c10b8e2 a:hover {
    color: #f3ede8 !important;
}

/* =========================================================
 * 10. WAS ICH MACHE — CTA + gelbe Labels
 * ========================================================= */

/* Desktop IDs */
html[data-theme="dark"] .elementor-6137 .elementor-element.elementor-element-1810f2a .elementor-cta,
html[data-theme="dark"] .elementor-6137 .elementor-element.elementor-element-1810f2a .elementor-cta__content,
html[data-theme="dark"] .elementor-9206 .elementor-element.elementor-element-1810f2a .elementor-cta,
html[data-theme="dark"] .elementor-9206 .elementor-element.elementor-element-1810f2a .elementor-cta__content,
html[data-theme="dark"] .elementor-23255 .elementor-element.elementor-element-1810f2a .elementor-cta,
html[data-theme="dark"] .elementor-23255 .elementor-element.elementor-element-1810f2a .elementor-cta__content,
/* Mobile IDs added for matching background */
html[data-theme="dark"] .elementor-6137 .elementor-element.elementor-element-64d614b .elementor-cta,
html[data-theme="dark"] .elementor-6137 .elementor-element.elementor-element-64d614b .elementor-cta__content {
    background-color: #2A2A2A !important;
    border: 1px solid #575757 !important;
}

/* Desktop Texts */
html[data-theme="dark"] .elementor-6137 .elementor-element.elementor-element-1810f2a .elementor-cta__title,
html[data-theme="dark"] .elementor-6137 .elementor-element.elementor-element-1810f2a .elementor-cta__description,
html[data-theme="dark"] .elementor-9206 .elementor-element.elementor-element-1810f2a .elementor-cta__title,
html[data-theme="dark"] .elementor-9206 .elementor-element.elementor-element-1810f2a .elementor-cta__description,
html[data-theme="dark"] .elementor-23255 .elementor-element.elementor-element-1810f2a .elementor-cta__title,
html[data-theme="dark"] .elementor-23255 .elementor-element.elementor-element-1810f2a .elementor-cta__description,
/* Mobile Texts */
html[data-theme="dark"] .elementor-6137 .elementor-element.elementor-element-64d614b .elementor-cta__title,
html[data-theme="dark"] .elementor-6137 .elementor-element.elementor-element-64d614b .elementor-cta__description {
    color: #f3ede8 !important;
}

/* Desktop Button */
html[data-theme="dark"] .elementor-6137 .elementor-element.elementor-element-1810f2a .elementor-cta__button,
html[data-theme="dark"] .elementor-9206 .elementor-element.elementor-element-1810f2a .elementor-cta__button,
html[data-theme="dark"] .elementor-23255 .elementor-element.elementor-element-1810f2a .elementor-cta__button,
/* Mobile Button */
html[data-theme="dark"] .elementor-6137 .elementor-element.elementor-element-64d614b .elementor-cta__button {
    background-color: #d7a84a !important;
    color: #111111 !important;
    border: none !important;
}

/* Desktop Button Hover */
html[data-theme="dark"] .elementor-6137 .elementor-element.elementor-element-1810f2a .elementor-cta__button:hover,
html[data-theme="dark"] .elementor-9206 .elementor-element.elementor-element-1810f2a .elementor-cta__button:hover,
html[data-theme="dark"] .elementor-23255 .elementor-element.elementor-element-1810f2a .elementor-cta__button:hover,
/* Mobile Button Hover */
html[data-theme="dark"] .elementor-6137 .elementor-element.elementor-element-64d614b .elementor-cta__button:hover {
    background-color: #c55a67 !important;
    color: #ffffff !important;
}

/* Desktop Ribbon */
html[data-theme="dark"] .elementor-6137 .elementor-element.elementor-element-1810f2a .elementor-ribbon-inner,
html[data-theme="dark"] .elementor-9206 .elementor-element.elementor-element-1810f2a .elementor-ribbon-inner,
html[data-theme="dark"] .elementor-23255 .elementor-element.elementor-element-1810f2a .elementor-ribbon-inner,
/* Mobile Ribbon */
html[data-theme="dark"] .elementor-6137 .elementor-element.elementor-element-64d614b .elementor-ribbon-inner {
    background-color: #B5646F !important;
    color: #f3d36a !important;
}

/* =========================================================
 * 11. BÜCHER
 * ========================================================= */

/* Meine Bücher weiß */
html[data-theme="dark"] .elementor-6154 .elementor-element.elementor-element-468bdc1.elementor-element,
html[data-theme="dark"] .elementor-6154 .elementor-element.elementor-element-468bdc1.elementor-element h1,
html[data-theme="dark"] .elementor-6154 .elementor-element.elementor-element-468bdc1.elementor-element h2,
html[data-theme="dark"] .elementor-9139 h1,
html[data-theme="dark"] .elementor-23254 h1 {
    color: #ffffff !important;
}

/* relevante Label gelb */
html[data-theme="dark"] .elementor-6137 .elementor-widget-heading .elementor-heading-title,
html[data-theme="dark"] .elementor-6154 .elementor-widget-heading .elementor-heading-title,
html[data-theme="dark"] .elementor-9206 .elementor-widget-heading .elementor-heading-title,
html[data-theme="dark"] .elementor-9139 .elementor-widget-heading .elementor-heading-title,
html[data-theme="dark"] .elementor-23254 .elementor-widget-heading .elementor-heading-title,
html[data-theme="dark"] .elementor-23255 .elementor-widget-heading .elementor-heading-title {
    color: #f3d36a !important;
}

/* #buecher-auswahl / Mobile Gallery: Light-Look behalten (Universal) */
html[data-theme="dark"] #buecher-auswahl,
html[data-theme="dark"] #buecher-auswahl *,
html[data-theme="dark"] .premium-img-gallery-filter,
html[data-theme="dark"] .premium-img-gallery-filter * {
    color: inherit !important;
}

html[data-theme="dark"] #buecher-auswahl .category,
html[data-theme="dark"] #buecher-auswahl .category:link,
html[data-theme="dark"] #buecher-auswahl .category:visited,
html[data-theme="dark"] .premium-gallery-cats-container .category,
html[data-theme="dark"] .premium-gallery-cats-container .category:link,
html[data-theme="dark"] .premium-gallery-cats-container .category:visited {
    color: #111111 !important;
    background-color: #f1cd75 !important;
    border: none !important;
    text-decoration: none !important;
}

html[data-theme="dark"] #buecher-auswahl .category.active,
html[data-theme="dark"] .premium-gallery-cats-container .category.active {
    background-color: #B5646F !important;
    color: #f3d36a !important;
}

html[data-theme="dark"] #buecher-auswahl .category:hover,
html[data-theme="dark"] #buecher-auswahl .category:focus,
html[data-theme="dark"] .premium-gallery-cats-container .category:hover,
html[data-theme="dark"] .premium-gallery-cats-container .category:focus {
    background-color: #c55a67 !important;
    color: #ffffff !important;
}

/* Overlay-/Kartentexte schwarz lassen */
html[data-theme="dark"] .elementor-9139 .elementor-image-box-title,
html[data-theme="dark"] .elementor-9139 .elementor-image-box-description,
html[data-theme="dark"] .elementor-9139 .elementor-widget-image-box,
html[data-theme="dark"] .elementor-23254 .elementor-image-box-title,
html[data-theme="dark"] .elementor-23254 .elementor-image-box-description,
html[data-theme="dark"] .elementor-23254 .elementor-widget-image-box {
    color: #111111 !important;
}

html[data-theme="dark"] .elementor-9139 a,
html[data-theme="dark"] .elementor-23254 a {
    color: #E0B65D !important;
}

html[data-theme="dark"] .elementor-9139 a:hover,
html[data-theme="dark"] .elementor-23254 a:hover {
    color: #f3ede8 !important;
}

/* =========================================================
 * 12. WP SOCIAL NINJA REVIEWS
 * ========================================================= */

html[data-theme="dark"] .wpsr-reviews-wrapper,
html[data-theme="dark"] .wpsr-feed-wrap,
html[data-theme="dark"] .wpsr-container,
html[data-theme="dark"] .wpsr-row,
html[data-theme="dark"] .wpsr-fixed-height,
html[data-theme="dark"] .wpsr-reviews-slider-wrapper-inner,
html[data-theme="dark"] .wpsr-reviews-slider {
    background: transparent !important;
    color: #f3ede8 !important;
}

html[data-theme="dark"] .wpsr-business-info-wrapper,
html[data-theme="dark"] .wpsr-business-info,
html[data-theme="dark"] .wpsr-business-info.amazon,
html[data-theme="dark"] .wpsr-business-info-left,
html[data-theme="dark"] .wpsr-business-info-right,
html[data-theme="dark"] .wpsr-review-template,
html[data-theme="dark"] .wpsr-review-template-one,
html[data-theme="dark"] .wpsr-review-template-amazon {
    background-color: #2B2B2B !important;
    color: #f3ede8 !important;
    border: 1px solid #6a4d3b !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .wpsr-business-info-wrapper {
    border-radius: 8px !important;
}

html[data-theme="dark"] .wpsr-business-info-paltforms span,
html[data-theme="dark"] .wpsr-total-rating,
html[data-theme="dark"] .wpsr-total-reviews,
html[data-theme="dark"] .wpsr-total-reviews span,
html[data-theme="dark"] .wpsr-reviewer-name,
html[data-theme="dark"] .wpsr-reviewer-name-url,
html[data-theme="dark"] .wpsr-review-title,
html[data-theme="dark"] .wpsr-review-date,
html[data-theme="dark"] .wpsr-review-content,
html[data-theme="dark"] .wpsr-review-content p,
html[data-theme="dark"] .wpsr-review-info {
    color: #f3ede8 !important;
}

html[data-theme="dark"] .wpsr-review-title {
    font-weight: 700;
}

html[data-theme="dark"] .wpsr_read_more,
html[data-theme="dark"] .wpsr_read_less,
html[data-theme="dark"] .wpsr-review-content a {
    color: #e0b65d !important;
}

html[data-theme="dark"] .wpsr_read_more:hover,
html[data-theme="dark"] .wpsr_read_less:hover,
html[data-theme="dark"] .wpsr-review-content a:hover {
    color: #f3ede8 !important;
}

html[data-theme="dark"] .wpsr-rating-wrapper,
html[data-theme="dark"] .wpsr-rating {
    color: #d7a84a !important;
}

html[data-theme="dark"] .wpsr-swiper-prev-next,
html[data-theme="dark"] .swiper-button-next,
html[data-theme="dark"] .swiper-button-prev {
    background-color: #202020 !important;
    border: 1px solid #575757 !important;
    border-radius: 999px !important;
    color: #f3ede8 !important;
}

html[data-theme="dark"] .swiper-button-next::after,
html[data-theme="dark"] .swiper-button-prev::after {
    color: #f3ede8 !important;
    font-size: 16px !important;
}

html[data-theme="dark"] .wpsr-review-platform,
html[data-theme="dark"] .wpsr-business-info-paltforms {
    background: transparent !important;
}

/* =========================================================
 * 13. LEGAL / PRESSKIT / GENERIC TEXT PAGES
 * ========================================================= */

html[data-theme="dark"] .elementor-10,
html[data-theme="dark"] .elementor-9176,
html[data-theme="dark"] .elementor-23256,
html[data-theme="dark"] .elementor-23257,
html[data-theme="dark"] .elementor-23259 {
    background-color: #181818 !important;
}

html[data-theme="dark"] .elementor-10,
html[data-theme="dark"] .elementor-10 p,
html[data-theme="dark"] .elementor-10 li,
html[data-theme="dark"] .elementor-10 td,
html[data-theme="dark"] .elementor-10 th,
html[data-theme="dark"] .elementor-10 span,
html[data-theme="dark"] .elementor-9176,
html[data-theme="dark"] .elementor-9176 p,
html[data-theme="dark"] .elementor-9176 li,
html[data-theme="dark"] .elementor-9176 td,
html[data-theme="dark"] .elementor-9176 th,
html[data-theme="dark"] .elementor-9176 span,
html[data-theme="dark"] .elementor-23256,
html[data-theme="dark"] .elementor-23256 p,
html[data-theme="dark"] .elementor-23256 li,
html[data-theme="dark"] .elementor-23256 td,
html[data-theme="dark"] .elementor-23256 th,
html[data-theme="dark"] .elementor-23256 span,
html[data-theme="dark"] .elementor-23257,
html[data-theme="dark"] .elementor-23257 p,
html[data-theme="dark"] .elementor-23257 li,
html[data-theme="dark"] .elementor-23257 td,
html[data-theme="dark"] .elementor-23257 th,
html[data-theme="dark"] .elementor-23257 span,
html[data-theme="dark"] .elementor-23259,
html[data-theme="dark"] .elementor-23259 p,
html[data-theme="dark"] .elementor-23259 li,
html[data-theme="dark"] .elementor-23259 td,
html[data-theme="dark"] .elementor-23259 th,
html[data-theme="dark"] .elementor-23259 span {
    color: #f3ede8 !important;
}

html[data-theme="dark"] .elementor-10 a,
html[data-theme="dark"] .elementor-9176 a,
html[data-theme="dark"] .elementor-23256 a,
html[data-theme="dark"] .elementor-23257 a,
html[data-theme="dark"] .elementor-23259 a {
    color: #e0b65d !important;
}

html[data-theme="dark"] .elementor-10 a:hover,
html[data-theme="dark"] .elementor-9176 a:hover,
html[data-theme="dark"] .elementor-23256 a:hover,
html[data-theme="dark"] .elementor-23257 a:hover,
html[data-theme="dark"] .elementor-23259 a:hover {
    color: #f3ede8 !important;
}

/* =========================================================
 * 14. COMPLIANZ BANNER
 * ========================================================= */

html[data-theme="dark"] .cmplz-cookiebanner,
html[data-theme="dark"] .cmplz-cookiebanner .cmplz-body,
html[data-theme="dark"] .cmplz-cookiebanner .cmplz-message,
html[data-theme="dark"] .cmplz-cookiebanner .cmplz-title {
    background-color: #202020 !important;
    color: #F3EDE8 !important;
}

html[data-theme="dark"] .cmplz-cookiebanner {
    border: 1px solid #575757 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .cmplz-cookiebanner a {
    color: #E0B65D !important;
}

html[data-theme="dark"] .cmplz-cookiebanner .cmplz-btn {
    background-color: #D7A84A !important;
    color: #111111 !important;
    border: none !important;
}

html[data-theme="dark"] .cmplz-cookiebanner .cmplz-btn:hover,
html[data-theme="dark"] .cmplz-cookiebanner .cmplz-btn:focus {
    background-color: #C55A67 !important;
    color: #FFFFFF !important;
}

/* =========================================================
 * 15. GENERIC TABS / DIVIDERS
 * ========================================================= */

html[data-theme="dark"] .elementor .e-tab-base {
    color: #F3EDE8 !important;
    border-color: #575757 !important;
    background-color: #202020 !important;
}

html[data-theme="dark"] .elementor .e-tab-base:hover,
html[data-theme="dark"] .elementor .e-tab-base:focus-visible {
    background-color: #2B2B2B !important;
}

html[data-theme="dark"] .elementor .e-tab-base.e--selected,
html[data-theme="dark"] .elementor .e-tab-base:focus {
    border-color: #E2D8D0 !important;
}

html[data-theme="dark"] .elementor .e-divider-base {
    background-color: #6A6A6A !important;
}

/* FIX: Replaced "#theme-toggle" with ".theme-toggle"
 * to match the class in HTML and JavaScript.
 */
.theme-toggle {
    appearance: none;
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #111111 !important;
    line-height: 1;
    font-size: 0;
    outline: none !important;
    transition: none !important;
}

.theme-toggle:hover,
.theme-toggle:focus,
.theme-toggle:active {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .theme-toggle {
    color: #f3ede8 !important;
    background: transparent !important;
    background-color: transparent !important;
}

.theme-toggle .theme-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.theme-toggle .theme-icon svg {
    display: block;
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: none !important;
}

.theme-toggle .theme-icon--sun {
    display: none;
}

html[data-theme="dark"] .theme-toggle .theme-icon--moon {
    display: none;
}

html[data-theme="dark"] .theme-toggle .theme-icon--sun {
    display: inline-flex;
}

/* =========================================================
 * DARK MODE FINE TUNING
 * ========================================================= */

/* ---------------------------------------------------------
 * 1) Rote Label: gelbe Schrift im Dark Mode
 * --------------------------------------------------------- */

/* FIX: Made this universal so it works automatically on mobile,
 * tablet, and desktop without needing the specific Elementor ID */
html[data-theme="dark"] span[style*="background-color: #af3543"] {
    color: #f3d36a !important;
}

/* ---------------------------------------------------------
 * 2) Swiper arrows in hell/gold/white
 * --------------------------------------------------------- */

html[data-theme="dark"] .swiper-button-prev,
html[data-theme="dark"] .swiper-button-next,
html[data-theme="dark"] .elementor-swiper-button,
html[data-theme="dark"] .elementor-swiper-button-prev,
html[data-theme="dark"] .elementor-swiper-button-next {
    color: #f3d36a !important;
}

html[data-theme="dark"] .swiper-button-prev::after,
html[data-theme="dark"] .swiper-button-next::after,
html[data-theme="dark"] .elementor-swiper-button-prev::after,
html[data-theme="dark"] .elementor-swiper-button-next::after {
    color: #f3d36a !important;
}

/* Falls SVG/Icon verwendet wird */
html[data-theme="dark"] .swiper-button-prev svg,
html[data-theme="dark"] .swiper-button-next svg,
html[data-theme="dark"] .elementor-swiper-button svg,
html[data-theme="dark"] .elementor-swiper-button svg path {
    fill: #f3d36a !important;
    color: #f3d36a !important;
}

/* ---------------------------------------------------------
 * 3) Im Carousel selbst keine Dark-Text-Umfärbung erzwingen
 * --------------------------------------------------------- */

html[data-theme="dark"] .elementor-image-carousel,
html[data-theme="dark"] .elementor-image-carousel *,
html[data-theme="dark"] .swiper-wrapper,
html[data-theme="dark"] .swiper-wrapper *,
html[data-theme="dark"] .swiper-slide,
html[data-theme="dark"] .swiper-slide * {
    color: inherit;
}

/* ---------------------------------------------------------
 * 4) Amazon rating / reviews badge dark background
 * --------------------------------------------------------- */

html[data-theme="dark"] .wpsr-reviews-badge-wrapper .wpsr-reviews-badge-btn,
html[data-theme="dark"] .wpsr-reviews-badge-wrapper .wpsr-reviews-badge-html {
    background-color: #2A2A2A !important;
    color: #f3ede8 !important;
    border: 1px solid #575757 !important;
}

/* ---------------------------------------------------------
 * 5) Bücher-Overlay: Text dunkel lassen
 * --------------------------------------------------------- */

html[data-theme="dark"] .premium-gallery-caption,
html[data-theme="dark"] .premium-gallery-caption .premium-gallery-img-name,
html[data-theme="dark"] .premium-gallery-caption .premium-gallery-img-desc,
html[data-theme="dark"] .premium-gallery-item .premium-gallery-img-name,
html[data-theme="dark"] .premium-gallery-item .premium-gallery-img-desc {
    color: #111111 !important;
}

/* ---------------------------------------------------------
 * 6) Download ZIP Button: keine erzwungene Dark-Textfarbe
 * --------------------------------------------------------- */

html[data-theme="dark"] .elementor-button,
html[data-theme="dark"] .elementor-button .elementor-button-text,
html[data-theme="dark"] .elementor-button .elementor-button-content-wrapper {
    color: inherit;
}

/* Falls ein spezieller globaler Override greift, für diesen Bereich neutralisieren */
html[data-theme="dark"] .elementor-element .elementor-button.elementor-button-link.elementor-size-sm,
html[data-theme="dark"] .elementor-element .elementor-button.elementor-button-link.elementor-size-sm .elementor-button-text {
    color: inherit !important;
}

/* ---------------------------------------------------------
 * 7) Pressemappe: "download" leicht gelb
 * --------------------------------------------------------- */

html[data-theme="dark"] .elementor-element-dd27317 a,
html[data-theme="dark"] .elementor-element-dd27317 a:link,
html[data-theme="dark"] .elementor-element-dd27317 a:visited {
    color: #e0b65d !important;
}

html[data-theme="dark"] .elementor-element-dd27317 a:hover,
html[data-theme="dark"] .elementor-element-dd27317 a:focus {
    color: #f3ede8 !important;
}

/* =========================================================
 * DARK MODE FIXES – BUTTONS + AMAZON BADGE
 * ========================================================= */

/* ---------------------------------------------------------
 * 1) Download-ZIP-Button: im Dark Mode nicht weiß färben
 * --------------------------------------------------------- */

/* globalen Dark-Link/Button-Override für echte gelbe Buttons neutralisieren */
html[data-theme="dark"] .elementor-button {
    color: inherit;
}

/* ZIP-Button explizit dunkel wie im Light Mode */
html[data-theme="dark"] a.elementor-button[href*=".zip"],
html[data-theme="dark"] a.elementor-button[href*=".zip"] .elementor-button-text,
html[data-theme="dark"] a.elementor-button[href*=".zip"] .elementor-button-content-wrapper {
    color: #111111 !important;
}

/* ---------------------------------------------------------
 * 2) Amazon badge: dunkler Hintergrund + bessere Lesbarkeit
 * --------------------------------------------------------- */

html[data-theme="dark"] .wpsr-reviews-badge-wrapper .wpsr-reviews-badge-btn,
html[data-theme="dark"] .wpsr-reviews-badge-wrapper .wpsr-reviews-badge-html {
    background-color: #2b2b2f !important;
    border: 1px solid #666666 !important;
    color: #f3ede8 !important;
}

/* Text im Badge */
html[data-theme="dark"] .wpsr-reviews-badge-wrapper .wpsr-reviews-badge-title,
html[data-theme="dark"] .wpsr-reviews-badge-wrapper .wpsr-total-rating,
html[data-theme="dark"] .wpsr-reviews-badge-wrapper .wpsr-total-reviews,
html[data-theme="dark"] .wpsr-reviews-badge-wrapper .wpsr-rating-and-count,
html[data-theme="dark"] .wpsr-reviews-badge-wrapper .wpsr-rating-and-count * {
    color: #f3ede8 !important;
}

/* Amazon-Logo im Badge etwas aufhellen */
html[data-theme="dark"] .wpsr-reviews-badge-wrapper .wpsr-business-info-logo img,
html[data-theme="dark"] .wpsr-reviews-badge-wrapper .wpsr-business-info-paltforms img,
html[data-theme="dark"] .wpsr-review-platform-icon,
html[data-theme="dark"] .wpsr-review-platform img {
    filter: brightness(1.18) contrast(1.08);
}

/* Sterne schön sichtbar */
html[data-theme="dark"] .wpsr-rating .wpsr-star-filled,
html[data-theme="dark"] .wpsr-rating-wrapper .wpsr-star-filled {
    color: #f0bf5a !important;
}

/* Popup/Reviews selbst ebenfalls sauber dunkel */
html[data-theme="dark"] .wpsr-reviews-wrapper,
html[data-theme="dark"] .wpsr-container,
html[data-theme="dark"] .wpsr-business-info,
html[data-theme="dark"] .wpsr-review-template,
html[data-theme="dark"] .wpsr-all-reviews .wpsr-col-12 {
    background-color: #202020 !important;
    color: #f3ede8 !important;
    border-color: #666666 !important;
}

/* Review-Texte */
html[data-theme="dark"] .wpsr-review-template .wpsr-reviewer-name,
html[data-theme="dark"] .wpsr-review-template .wpsr-review-title,
html[data-theme="dark"] .wpsr-review-template .wpsr-review-date,
html[data-theme="dark"] .wpsr-review-template .wpsr-review-content,
html[data-theme="dark"] .wpsr-review-template .wpsr-review-content p,
html[data-theme="dark"] .wpsr-business-info span,
html[data-theme="dark"] .wpsr-total-reviews {
    color: #f3ede8 !important;
}

/* Read more Links */
html[data-theme="dark"] .wpsr-review-template .wpsr_read_more,
html[data-theme="dark"] .wpsr-review-template .wpsr_read_less,
html[data-theme="dark"] .wpsr-review-template a {
    color: #e0b65d !important;
}



/* =========================================================
 * WP SOCIAL NINJA REVIEWS SLIDER – DARK MODE REWORK
 * ========================================================= */

html[data-theme="dark"] .wpsr-reviews-layout-slider,
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-container,
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-row,
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-reviews-slider-wrapper-inner {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Oberer Bewertungsbalken */
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-business-info {
    background: #202020 !important;
    border: 1px solid rgba(176, 106, 63, 0.45) !important;
    border-radius: 18px !important;
    padding: 1.1rem 1.4rem !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-business-info-left,
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-rating-and-count {
    color: #f3ede8 !important;
}

html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-business-info-paltforms span,
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-total-rating,
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-total-reviews {
    color: #f3ede8 !important;
}

/* Amazon-Logo oben etwas klarer */
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-business-info-paltforms img {
    filter: brightness(1.12) contrast(1.06);
}

/* Review-Karten */
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-review-template {
    background: linear-gradient(180deg, #241d1a 0%, #1d1816 100%) !important;
    border: 1px solid rgba(176, 106, 63, 0.32) !important;
    border-radius: 22px !important;
    padding: 2rem 2.2rem !important;
    min-height: 320px !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

html[data-theme="dark"] .wpsr-reviews-layout-slider .swiper-slide:hover .wpsr-review-template {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28) !important;
}

/* kleineres Amazon-Icon in den Karten */
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-review-platform-icon {
    opacity: 0.9;
    filter: brightness(1.08) contrast(1.05);
}

/* Typografie */
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-reviewer-name,
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-reviewer-name-url,
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-review-title {
    color: #f5efe9 !important;
}

html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-reviewer-name {
    font-weight: 700 !important;
}

html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-review-title {
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
}

html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-review-date {
    color: #d2c2b6 !important;
    opacity: 0.95;
}

html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-review-content,
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-review-content p {
    color: #eee5de !important;
    line-height: 1.7 !important;
    font-size: 1.02rem !important;
}

/* Read more / less */
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr_read_more,
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr_read_less,
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-review-content a {
    color: #e0b65d !important;
    font-weight: 600 !important;
}

/* Sterne */
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-star-filled {
    color: #f0bf5a !important;
}

html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-star-empty {
    color: rgba(255, 255, 255, 0.16) !important;
}

/* Pfeile schöner */
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-swiper-prev-next,
html[data-theme="dark"] .wpsr-reviews-layout-slider .swiper-button-prev,
html[data-theme="dark"] .wpsr-reviews-layout-slider .swiper-button-next {
    width: 52px !important;
    height: 52px !important;
    border-radius: 999px !important;
    background: rgba(34, 28, 26, 0.92) !important;
    border: 1px solid rgba(224, 182, 93, 0.28) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .wpsr-reviews-layout-slider .swiper-button-prev::after,
html[data-theme="dark"] .wpsr-reviews-layout-slider .swiper-button-next::after {
    color: #e0b65d !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

html[data-theme="dark"] .wpsr-reviews-layout-slider .swiper-button-prev:hover,
html[data-theme="dark"] .wpsr-reviews-layout-slider .swiper-button-next:hover {
    background: rgba(54, 54, 54, 0.98) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
}

/* etwas mehr Luft zwischen Header und Karten */
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-business-info-wrapper {
    margin-bottom: 1.8rem !important;
}

/* keine unnötigen Innenrahmen */
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-business-info-wrapper *,
html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-review-template * {
    border-color: rgba(255, 255, 255, 0.10);
}

/* Mobile etwas kompakter */
@media (max-width: 767px) {
    html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-review-template {
        padding: 1.35rem 1.2rem !important;
        min-height: auto !important;
        border-radius: 18px !important;
    }

    html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-review-title {
        font-size: 0.95rem !important;
    }

    html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-review-content,
    html[data-theme="dark"] .wpsr-reviews-layout-slider .wpsr-review-content p {
        font-size: 0.98rem !important;
    }
}


/* =========================================================
 * WP Social Ninja Reviews – Dark Mode Fine Tuning
 * ========================================================= */

html[data-theme="dark"] .wpsr-reviews-wrapper,
html[data-theme="dark"] .wpsr-container,
html[data-theme="dark"] .wpsr-fixed-height {
    background: transparent !important;
}

/* Oberer Amazon-Rating-Bereich */
html[data-theme="dark"] .wpsr-business-info.amazon,
html[data-theme="dark"] .wpsr-business-info-wrapper {
    background: linear-gradient(90deg, #232323 0%, #2b211b 50%, #232323 100%) !important;
    border: 1px solid rgba(180, 118, 73, 0.45) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22) !important;
}

/* Innerer Bereich im Badge/Header */
html[data-theme="dark"] .wpsr-business-info.amazon .wpsr-business-info-left {
    border: 1px solid rgba(180, 118, 73, 0.35) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.015) !important;
}

/* Text im Header */
html[data-theme="dark"] .wpsr-business-info.amazon,
html[data-theme="dark"] .wpsr-business-info.amazon span,
html[data-theme="dark"] .wpsr-business-info.amazon .wpsr-total-rating,
html[data-theme="dark"] .wpsr-business-info.amazon .wpsr-total-reviews,
html[data-theme="dark"] .wpsr-business-info.amazon .wpsr-reviews-badge-title {
    color: #f2e8df !important;
}

/* Review Cards */
html[data-theme="dark"] .wpsr-review-template,
html[data-theme="dark"] .wpsr-review-template-one,
html[data-theme="dark"] .wpsr-review-template-amazon {
    background: linear-gradient(180deg, #241c18 0%, #201815 100%) !important;
    border: 1px solid rgba(180, 118, 73, 0.38) !important;
    border-radius: 22px !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.20) !important;
}

/* Text in Cards */
html[data-theme="dark"] .wpsr-reviewer-name,
html[data-theme="dark"] .wpsr-review-title,
html[data-theme="dark"] .wpsr-review-content,
html[data-theme="dark"] .wpsr-review-content p {
    color: #f3ede8 !important;
}

html[data-theme="dark"] .wpsr-review-date {
    color: #d5c2b2 !important;
}

/* Read more Link */
html[data-theme="dark"] .wpsr_read_more,
html[data-theme="dark"] .wpsr_read_less,
html[data-theme="dark"] .wpsr-review-content a {
    color: #e2b67a !important;
    text-decoration-color: rgba(226, 182, 122, 0.7) !important;
}

html[data-theme="dark"] .wpsr-review-content a:hover,
html[data-theme="dark"] .wpsr_read_more:hover,
html[data-theme="dark"] .wpsr_read_less:hover {
    color: #f0c98d !important;
}

/* Pfeile */
html[data-theme="dark"] .wpsr-swiper-prev-next,
html[data-theme="dark"] .wpsr-swiper-prev-next.swiper-button-next,
html[data-theme="dark"] .wpsr-swiper-prev-next.swiper-button-prev {
    background: rgba(38, 29, 24, 0.92) !important;
    border: 1px solid rgba(180, 118, 73, 0.42) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="dark"] .wpsr-swiper-prev-next::after,
html[data-theme="dark"] .swiper-button-next::after,
html[data-theme="dark"] .swiper-button-prev::after {
    color: #e2b67a !important;
    font-weight: 700 !important;
}

/* Kleine Amazon-Icons oben links */
html[data-theme="dark"] .wpsr-review-platform-icon {
    opacity: 0.95 !important;
    filter: brightness(1.12) contrast(1.08) !important;
}

/* Sterne */
html[data-theme="dark"] .wpsr-rating,
html[data-theme="dark"] .wpsr-star-filled {
    color: #f0b23a !important;
}






/* =========================================================
 * AUSZEICHNUNGEN — Dark mode award cards
 * Page: /auszeichnungen/ — page ID 6170
 *
 * Works with the current Elementor layout:
 * - outer grid: .elementor-element-6db86b1
 * - first card currently has class .gd-awards-grid
 * - all cards are sibling .e-con / .e-atomic-element containers
 * ========================================================= */

/* Outer awards grid */
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1 > .e-con-inner {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Current award cards by actual grid structure */
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1 > .e-con-inner > .e-con,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1 > .e-con-inner > [data-element_type="e-flexbox"],

/* Also works if gd-awards-grid stays on the first card */
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .gd-awards-grid,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .gd-awards-grid ~ .e-con,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .gd-awards-grid ~ [data-element_type="e-flexbox"],

/* Also works if you later move gd-awards-grid to the outer grid */
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .gd-awards-grid > .e-con-inner > .e-con,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .gd-awards-grid > .e-con-inner > [data-element_type="e-flexbox"] {
    background: #242120 !important;
    background-color: #242120 !important;
    background-image: none !important;
    border: 1px solid #393331 !important;
    border-radius: 8px !important;
    box-shadow: none !important;

    --background-color: #242120 !important;
    --e-con-background-color: #242120 !important;
    --border-color: #393331 !important;
}

/* Remove Elementor pseudo/background overlays */
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1 > .e-con-inner > .e-con::before,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1 > .e-con-inner > .e-con::after,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .gd-awards-grid::before,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .gd-awards-grid::after,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .gd-awards-grid ~ .e-con::before,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .gd-awards-grid ~ .e-con::after {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    opacity: 0 !important;
}

/* Keep inner widgets transparent */
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1 .elementor-widget,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1 .elementor-widget-container {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Text inside award cards */
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1 p,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1 strong,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1 em,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1 span {
    color: #efe6df !important;
}

/* Links */
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1 a {
    color: #e0b65d !important;
}

html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1 a:hover,
html[data-theme="dark"] body.page-id-6170 .elementor-6170 .elementor-element-6db86b1 a:focus {
    color: #f3d36a !important;
}